vue-mapbox
Version:
> Combine powers of [Vue.js](https://vuejs.org/) and [Mapbox Gl JS](https://mapbox.com/mapbox-gl-js)
1,189 lines • 154 kB
JavaScript
(window.webpackJsonp = window.webpackJsonp || []).push([
[25],
{
154: function(t, s, a) {
"use strict";
a.r(s);
var n = a(17),
e = Object(n.a)(
{},
function() {
var t = this,
s = t.$createElement,
a = t._self._c || s;
return a(
"ContentSlotsDistributor",
{ attrs: { "slot-key": t.$parent.slotKey } },
[
a("h1", { attrs: { id: "create-a-plugin-component" } }, [
a(
"a",
{
staticClass: "header-anchor",
attrs: {
href: "#create-a-plugin-component",
"aria-hidden": "true"
}
},
[t._v("#")]
),
t._v(" Create a plugin component")
]),
t._v(" "),
a("h2", { attrs: { id: "overview" } }, [
a(
"a",
{
staticClass: "header-anchor",
attrs: { href: "#overview", "aria-hidden": "true" }
},
[t._v("#")]
),
t._v(" Overview")
]),
t._v(" "),
a("p", [
t._v(
"The purpose VueMapbox is to wrap up Mapbox Gl JS library. Any other functions are out of scope. However, there are some plugins for Mapbox Gl JS, that provides additional capabilities, and it where plugin components come into play."
)
]),
t._v(" "),
a("p", [
t._v(
"Plugin components are essentially just Vue components that utilize "
),
a("code", [t._v("mapbox")]),
t._v(" and "),
a("code", [t._v("map")]),
t._v(" objects provided by basic "),
a("code", [t._v("MglMap")]),
t._v(".")
]),
t._v(" "),
a(
"p",
[
t._v(
"VueMapbox internally use dependency injection mechanism of Vue ("
),
a(
"a",
{
attrs: {
href: "https://vuejs.org/v2/api/#provide-inject",
target: "_blank",
rel: "noopener noreferrer"
}
},
[t._v("provide/inject"), a("OutboundLink")],
1
),
t._v(" in Vue docs).\nWhen "),
a("code", [t._v("MglMap")]),
t._v(
" created, it waits for map loads and initializes then renders it's child components, and provide them "
),
a("code", [t._v("mapbox")]),
t._v(" (Mapbox GL JS library), "),
a("code", [t._v("map")]),
t._v(" (initialized instance of the "),
a(
"a",
{
attrs: {
href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
target: "_blank",
rel: "noopener noreferrer"
}
},
[t._v("Map"), a("OutboundLink")],
1
),
t._v(") and "),
a("code", [t._v("actions")]),
t._v(" ("),
a("router-link", { attrs: { to: "/api/#actions" } }, [
t._v("promisified")
]),
t._v(
" Mapbox Map methods).\nInject these objects in your component, and you can add to map features you need."
)
],
1
),
t._v(" "),
a("p", [
t._v(
"The basic idea is to keep the declarative style of Vue, so it's good to add for example additional controls or layer types to map as a component. It's a right place to wrap Mapbox Gl JS plugins, but it can be used for various purpose."
)
]),
t._v(" "),
a(
"h2",
{ attrs: { id: "basic-example-for-plugin-component" } },
[
a(
"a",
{
staticClass: "header-anchor",
attrs: {
href: "#basic-example-for-plugin-component",
"aria-hidden": "true"
}
},
[t._v("#")]
),
t._v(" Basic example for plugin component")
]
),
t._v(" "),
a("p", [a("strong", [t._v("App template")])]),
t._v(" "),
a("div", { staticClass: "language-vue extra-class" }, [
a("pre", { pre: !0, attrs: { class: "language-vue" } }, [
a("code", [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("template")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n "),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("MglMap")
]),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token attr-name" } },
[t._v(":accessToken")]
),
a(
"span",
{ pre: !0, attrs: { class: "token attr-value" } },
[
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v("=")]
),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('"')]
),
t._v("accessToken"),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('"')]
)
]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token attr-name" } },
[t._v(":map")]
),
a(
"span",
{
pre: !0,
attrs: { class: "token style-attr language-css" }
},
[
a(
"span",
{ pre: !0, attrs: { class: "token attr-name" } },
[
a(
"span",
{
pre: !0,
attrs: { class: "token attr-name" }
},
[t._v("Style")]
)
]
),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('="')]
),
a(
"span",
{ pre: !0, attrs: { class: "token attr-value" } },
[t._v("mapStyle")]
),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('"')]
)
]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n "),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("MyPluginComponent")
]),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("/>")]
)
]),
t._v("\n "),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("MglMap")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n"),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("template")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n\n"),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("script")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
a(
"span",
{
pre: !0,
attrs: { class: "token script language-javascript" }
},
[
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("import")]
),
t._v(" Mapbox "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("from")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"mapbox-gl"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("import")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v(" MglMap "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("from")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"vue-mapbox"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("export")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("default")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n components"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n MglMap\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("data")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("return")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n accessToken"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token constant" } },
[t._v("ACCESS_TOKEN")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v("\n mapStyle"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token constant" } },
[t._v("MAP_STYLE")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n")
]
),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("script")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n")
])
])
]),
a("p", [a("strong", [t._v("Plugin comonent")])]),
t._v(" "),
a("div", { staticClass: "language-vue extra-class" }, [
a("pre", { pre: !0, attrs: { class: "language-vue" } }, [
a("code", [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("template")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n "),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("button")
]),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token attr-name" } },
[t._v("@click")]
),
a(
"span",
{ pre: !0, attrs: { class: "token attr-value" } },
[
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v("=")]
),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('"')]
),
t._v("fly"),
a(
"span",
{
pre: !0,
attrs: { class: "token punctuation" }
},
[t._v('"')]
)
]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("Fly!"),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("button")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n "),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("div")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v(
"Map center is: Lng={{ center.lng }}, Lat={{ center.lat }}"
),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("div")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n"),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("</")]
),
t._v("template")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
t._v("\n\n"),
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a("span", { pre: !0, attrs: { class: "token tag" } }, [
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("<")]
),
t._v("script")
]),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(">")]
)
]),
a(
"span",
{
pre: !0,
attrs: { class: "token script language-javascript" }
},
[
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("import")]
),
t._v(" Mapbox "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("from")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"mapbox-gl"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("import")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v(" MglMap "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("from")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"vue-mapbox"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n\n"),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("export")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("default")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n name"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"MyPluginComponent"')]
),
t._v("\n inject"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("[")]
),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"mapbox"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"map"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token string" } },
[t._v('"actions"')]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("]")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v("\n\n "),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("data")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("return")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n center"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("null")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v("\n\n "),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("created")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("this")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
t._v("center "),
a(
"span",
{ pre: !0, attrs: { class: "token operator" } },
[t._v("=")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("this")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
t._v("map"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("getCenter")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v("\n\n methods"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("async")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("fly")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("const")]
),
t._v(" flyResult "),
a(
"span",
{ pre: !0, attrs: { class: "token operator" } },
[t._v("=")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("await")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("this")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
t._v("actions"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
a(
"span",
{ pre: !0, attrs: { class: "token function" } },
[t._v("flyTo")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("(")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("{")]
),
t._v(" center"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(":")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("[")]
),
a(
"span",
{ pre: !0, attrs: { class: "token number" } },
[t._v("10")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(",")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token number" } },
[t._v("10")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("]")]
),
t._v(" "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(")")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token keyword" } },
[t._v("this")]
),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
t._v("center "),
a(
"span",
{ pre: !0, attrs: { class: "token operator" } },
[t._v("=")]
),
t._v(" flyResult"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(".")]
),
t._v("center"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v(";")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
t._v("\n "),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
t._v("\n"),
a(
"span",
{ pre: !0, attrs: { class: "token punctuation" } },
[t._v("}")]
),
a(
"span",
{ pre: !0