@mapgis/webclient-vue-cesium 17.2.0 → 17.2.1

package/dist-docs/assets/js/97.7ba8c8b7.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{594:function(t,s,a){"use strict";a.r(s);var n=a(72),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:"创建插件组件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#创建插件组件"}},[t._v("#")]),t._v(" 创建插件组件")]),t._v(" "),a("h2",{attrs:{id:"概述"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#概述"}},[t._v("#")]),t._v(" 概述")]),t._v(" "),a("p",[t._v("Webclient-Vue-Cesium 是针对原始的 cesium 脚本的封装。很多额外的高效的插件也是项目开发中常常使用的。因此为了将常用的 cesium 的插件也通过 Vue 的方式使用，下面将介绍如何创建插件组件。")]),t._v(" "),a("p",[t._v("一个插件组件本质上还是通过 Vue 组件的方式，核心思想是通过获取 根组件"),a("code",[t._v("mapgis-web-scene")]),t._v("中的 "),a("code",[t._v("Cesium")]),t._v(" 和 "),a("code",[t._v("CesiumZondy")]),t._v(" 以及 "),a("code",[t._v("webGlobe")]),t._v(" 对象来进行对应的拓展功能。")]),t._v(" "),a("p",[t._v("Webclient-Vue-Mapboxgl 内部使用独立的 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("。")]),t._v(" "),a("p",[t._v("当"),a("code",[t._v("mapgis-web-scene")]),t._v("组件创建的时候，必须等到地图初始化加载完毕后，然后才会渲染子组件 同时通过 provide 的方式提供下面三个组件:")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("ol",[a("li",[a("code",[t._v("Cesium")]),t._v(" @mapgis/cesium")]),t._v(" "),a("li",[a("code",[t._v("vueCesium")]),t._v(" cesium 对象的存储管理器")]),t._v(" "),a("li",[a("code",[t._v("CesiumZondy")]),t._v(" @mapgis/webclient-ceisum-plugin.js(后期不在使用)")]),t._v(" "),a("li",[a("code",[t._v("viewer")]),t._v(" mapgis Cesium.viewer 对象")])])]),t._v(" "),a("p",[t._v("只要是注入了上面的属性,你就可以添加地图要素或者执行对应的地图方法。 注入方法如下：")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("inject")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cesium"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vueCesium"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"CesiumZondy"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"viewer"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("p",[t._v("封装插件的核心思想是： 保持 Vue 本身的声明规范，这样做可以容易封装额外的控制组件和图层组件.同时也容易封装第三方插件，适应不同的业务需求。")]),t._v(" "),a("h2",{attrs:{id:"基本示例"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#基本示例"}},[t._v("#")]),t._v(" 基本示例")]),t._v(" "),a("p",[a("strong",[t._v("App 项目代码")])]),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("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("custom-geojson-layer"),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 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"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\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  "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"mapgis-3d-custom-geojson-layer"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("inject")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cesium"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vueCesium"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"viewer"')]),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 literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[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 literal-property property"}},[t._v("props")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// import VueOptions from '@components/Base/Vue/VueOptions'")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...VueOptions    // VueOptions就是下面的vueKey， vueIndex")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("vueKey")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" String"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),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 literal-property property"}},[t._v("vueIndex")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" String "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" Number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("random")]),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 operator"}},[t._v("*")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10000")]),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 function"}},[t._v("toFixed")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),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  "),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("{")]),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  "),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("{")]),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("mounted")]),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(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("mount")]),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  "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("destroyed")]),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(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("unmount")]),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  "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),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("createCesiumObject")]),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(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" url "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),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("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Cesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeoJsonDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("load")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),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    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("mount")]),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(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" viewer"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),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("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" dataSources "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" viewer"),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(" vm "),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("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" datasource "),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(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createCesiumObject")]),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 comment"}},[t._v("// datasource这里绝对不能放到vue.data上")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.$_datasource = datasource; $_前缀也不行，还是会触发更新机制")]),t._v("\n\n      datasource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("dataSource")]),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 comment"}},[t._v("// viewer.zoomTo(dataSource);")]),t._v("\n        dataSources"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dataSource"),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 function"}},[t._v("then")]),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(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[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("let")]),t._v(" entities "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("entities"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("values"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 可以认为是一个范式，在 @components/WebGlobe/manager.js中新增/使用对应的XXXManager对象")]),t._v("\n          "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Cesium管理中心添加对应的记录，这段代码可以认为是对应的vue的mounted的生命周期中的初始化data属性")]),t._v("\n          vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" dataSource"),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(")")]),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(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("$emit")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"load"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vm"),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(")")]),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(")")]),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 function"}},[t._v("unmount")]),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("let")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" viewer"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),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("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" dataSources"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" scene "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" viewer"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n      "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这段代码可以认为是对应的vue的获取data属性")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" find "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("findSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),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("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("find"),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("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dataSources"),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          dataSources"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("remove")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("find"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("source"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),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("}")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这段代码可以认为是对应的vue的获取destroyed生命周期")]),t._v("\n      vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("deleteSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),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(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("$emit")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"unload"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[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(")")]),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 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")])]),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("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("  window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("GeojsonManager")]),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("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("GeojsonManager")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("BaseManager")]),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 function"}},[t._v("constructor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("vueKey")]),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("default "),a("span",{pre:!0,attrs:{class:"token operator"}},[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("vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),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\n  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 添加数据")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" source"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options")]),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    vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" vueKey "),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("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" vueIndex "),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("vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("vueIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[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("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[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("vueKey"),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("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[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 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("vueKey"),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 function"}},[t._v("push")]),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 literal-property property"}},[t._v("key")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("source")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" source"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options"),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(")")]),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\n  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 删除数据")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("deleteSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex")]),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("let")]),t._v(" index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("vueIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[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("vueKey"),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 function"}},[t._v("find")]),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 parameter"}},[t._v("s"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[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("let")]),t._v(" result "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("s "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" s"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("key "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" vueIndex"),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        index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        result "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),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 keyword"}},[t._v("return")]),t._v(" result"),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(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),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("vueKey"),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 function"}},[t._v("splice")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),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("}")]),t._v("\n\n  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 获取指定vue组件数据")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("findSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex")]),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    vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" vueKey "),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("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" vueIndex "),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("vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    vueIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("vueIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[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("let")]),t._v(" index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" findSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[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("vueKey"),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 keyword"}},[t._v("return")]),t._v(" findSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" find "),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("vueKey"),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 function"}},[t._v("find")]),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 parameter"}},[t._v("s"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[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("let")]),t._v(" result "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n      "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("s "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" s"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("key "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" vueIndex"),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        index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        result "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),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 keyword"}},[t._v("return")]),t._v(" result"),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(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("find"),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      findSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("find"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("index")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" index"),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 punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" findSource"),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\n  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 获取全部vue组件数据")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("findAllSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("vueKey")]),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    vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueKey "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" vueKey "),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("vueKey"),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 keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("vueKey"),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("}")]),t._v("\n")])])]),a("div",{staticClass:"language-json extra-class"},[a("pre",{pre:!0,attrs:{class:"language-json"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("...Layer1"),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("...Layer2"),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 property"}},[t._v('"custom_key"')]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("...Layer1"),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("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("可能看完上面的源码分析，可能会存在一个疑问，为什么不采取 vue 的 data 属性来控制 Cesium 的图层对象，而是实现了一个 vueCesium.XXXXManager 来实现对应的生命周期管理。本质原因在于：")]),t._v(" "),a("ol",[a("li",[t._v("Cesium 的对象只能通过自身或者全局 window 来管理，一旦被 vue 框架管理，很容易出现 Cesuim 对象被 vue 自身的更新机制"),a("code",[t._v("反复强制更新")]),t._v("，这点在多屏联动以及 WebGL 渲染的时候尤其明显。")]),t._v(" "),a("li",[t._v("Vue 的内存占用其实很低，绝大部分的内存、CPU、GPU 资源都是被 Cesium 本身占据，Cesium 本身有自身的内存管理方式，因此不能将"),a("code",[t._v("Cesium的生命周期让Vue框架来托管")])]),t._v(" "),a("li",[t._v("直接表现就是不类似这么处理，封装的 Cesium 组件在加载使用后会变得"),a("code",[t._v("异常卡顿")])])])]),t._v(" "),a("p",[a("strong",[t._v("一言以蔽之：")])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("blockquote",[a("p",[t._v("Vue 组件"),a("code",[t._v("创建")]),t._v("的时候，vue 组件"),a("code",[t._v("mounted")]),t._v("的时候通过")])]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" datasource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("this.createCesiumObject()")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 创建Cesium本身对象")]),t._v("\n")])])]),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 可以认为是一个范式，在 @components/WebGlobe/manager.js中新增/使用对应的XXXManager对象")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这段代码可以认为是对应的vue的mounted的生命周期")]),t._v("\nvueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("dataSource")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),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(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("blockquote",[a("p",[t._v("Vue 组件使用"),a("code",[t._v("data")]),t._v("属性的时候，vue 组件获取"),a("code",[t._v("data")]),t._v("的时候通过下面的代码来类比 this.data")])]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" find "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("findSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),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("let")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" find"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("source"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 获取mounted的时候记录的真实的Cesium对象`dataSource`")]),t._v("\n")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("blockquote",[a("p",[t._v("Vue 组件"),a("code",[t._v("释放")]),t._v("的时候，vue 组件获取 data 的 cesium 对象进行对应的释放")])]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 类比data属性，获取对应的资源")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" find "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("findSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 真正释放大量占用内存、GPU、CPU资源的地方")]),t._v("\ndataSources"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("remove")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("find"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("source"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Cesium管理中心删除对应的记录")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 释放真正占内存的cesium对象")]),t._v("\nvueCesium"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GeojsonManager"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("deleteSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueKey"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vueIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])]),t._v(" "),a("div",{staticClass:"custom-block danger"},[a("p",{staticClass:"custom-block-title"},[t._v("DANGER")]),t._v(" "),a("p",[t._v("上面的核心思想就一句话，通过 XXXManager 来"),a("code",[t._v("托管类比")]),t._v("实现 Vue 的创建、使用、销毁的生命周期,一定要实际实战一下才能体会到这样设计的原因")])])])}),[],!1,null,null,null);s.default=e.exports}}]);

package/dist-docs/assets/js/98.4474a97c.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{596:function(t,e,l){"use strict";l.r(e);var a=l(72),i=Object(a.a)({},(function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[l("h1",{attrs:{id:"对比分析"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#对比分析"}},[t._v("#")]),t._v(" 对比分析")]),t._v(" "),l("h2",{attrs:{id:"_1-x-x-vs-10-x-x"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#_1-x-x-vs-10-x-x"}},[t._v("#")]),t._v(" 1.x.x vs 10.x.x")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("文件")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("10.5.2 (2021-04)")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("1.0.13 (2020-12)")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("10.5.2(按需引入)")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("1.0.13(按需引入)")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("备注")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("WebGlobe\\WebGlobe.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-web-scene")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-web-globe")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("MapgisWebScene")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource\\Czml\\CzmlDataSource.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-czml-datasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-czml-datasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("MapgisCzmlDatasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("CesiumCzmlDatasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource\\Geojson\\GeoJsonDataSource.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-geojson-datasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-geojson-datasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("MapgisGeojsonDatasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("CesiumGeojsonDatasource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\IGServer\\IgsDocLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-igs-doc-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-igs-doc-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dIgsDocLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\IGServer\\IgsTileLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-igs-tile-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-igs-tile-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dIgsTileLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\OGC\\OGCWMSLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-ogc-wms-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dOgcWmsLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\OGC\\OGCWMTSLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-ogc-wmts-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dOgcWmtsLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\RasterTile\\BaseRasterLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-raster-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dRasterLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("Layer\\VectorTile\\VectorTileLayer.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-vectortile-layer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dVectortileLayer")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("M3D\\3dTileset.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-tileset")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-3d-tileset")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dTileset")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("M3D\\M3d.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-igs-m3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-igs-m3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dIgsM3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("M3D\\M3dFile.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-file-m3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("cesium-file-m3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dFileM3d")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("UI\\Controls\\Draw\\Draw.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-draw")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dDraw")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("UI\\Controls\\Link\\Link.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-link")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dLink")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("UI\\Controls\\State\\StateControl.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("新增")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-statebar")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dState")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("UI\\Popup\\Popup.vue")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("改名")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("mapgis-3d-popup")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Mapgis3dPopup")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("无")])])])])])}),[],!1,null,null,null);e.default=i.exports}}]);

package/dist-docs/assets/js/99.0ca2f58f.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{597:function(v,_,t){"use strict";t.r(_);var e=t(72),s=Object(e.a)({},(function(){var v=this,_=v.$createElement,t=v._self._c||_;return t("ContentSlotsDistributor",{attrs:{"slot-key":v.$parent.slotKey}},[t("h1",{attrs:{id:"更新说明"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#更新说明"}},[v._v("#")]),v._v(" 更新说明")]),v._v(" "),t("h2",{attrs:{id:"_10-5-5-12"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_10-5-5-12"}},[v._v("#")]),v._v(" 10.5.5.12")]),v._v(" "),t("div",{staticClass:"language-sh extra-class"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[v._v("# 公网")]),v._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-es6-service@10.5.5-1\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-cesium@10.5.5-3\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-mapboxgl@10.5.5-5\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-ui@10.5.5-3\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[v._v("# 内网 中地源 内网版本号要超前一些")]),v._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" config "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[v._v("set")]),v._v(" registry http://192.168.11.130:4873/\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-es6-service@10.5.5-3\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-cesium@10.5.5-3\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-mapboxgl@10.5.5-8\n"),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("yarn")]),v._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[v._v("add")]),v._v(" @mapgis/webclient-vue-ui@10.5.5-4\n")])])]),t("h3",{attrs:{id:"问题修复列表"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#问题修复列表"}},[v._v("#")]),v._v(" 问题修复列表")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("分类")]),v._v(" "),t("th",[v._v("文件")]),v._v(" "),t("th",[v._v("bug 号")]),v._v(" "),t("th",[v._v("问题描述")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("功能改进")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td",[v._v("功能改进")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("M3D 缺乏子图层控制能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图粒子特效下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("新增动态标绘图层")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("新增动态标绘图层")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-ui")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("新增综合查询面板")])]),v._v(" "),t("tr",[t("td",[v._v("功能改进")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("mapgis-3d-Marker 需要鼠标移入移出事件")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图三维热力图组件下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图三维量算组件下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图二维量算组件下沉到 mapgis-vue-mapboxgl 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("cesium 组件 mapgis-3d-draw 提供样式修改和贴地贴模型功能")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("三维 cesium 缺少 Igserver 要素图层组件")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图可视域分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图通视分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图阴影分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图天际线分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("mapgis-3d-vectortile-layer 没有排序能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图剖面分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图填挖方分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图洪水淹没分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图等值线分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图坡向分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图坡度分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-cesium")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图剖切分析下沉到 mapgis-vue-cesium 中")])]),v._v(" "),t("tr",[t("td",[v._v("性能优化")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("geojson 的没有自定义 popup tip 的能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("没有默认的放大缩小的组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("没有默认的缩放值范围的组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("webclient-vue-ui")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("一张图抽象 UI 下沉到 mapgis-vue-ui 中")])]),v._v(" "),t("tr",[t("td",[v._v("新增功能")]),v._v(" "),t("td",[v._v("Cesium.js")]),v._v(" "),t("td",[v._v("无")]),v._v(" "),t("td",[v._v("缺少矢量地图文档加载接口")])])])]),v._v(" "),t("h3",{attrs:{id:"接口更新列表"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#接口更新列表"}},[v._v("#")]),v._v(" 接口更新列表")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("分类")]),v._v(" "),t("th",[v._v("文件")]),v._v(" "),t("th",[v._v("接口名")]),v._v(" "),t("th",[v._v("接口类型")]),v._v(" "),t("th",[v._v("更新说明")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-state")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增状态栏组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("mapgis-3d-igs-m3d")]),v._v(" "),t("td",[v._v("属性")]),v._v(" "),t("td",[v._v("新增动态子图层可见性控制参数 layers")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("mapgis-3d-dynamic-marker-layer")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增动态标绘图层组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-dynamic-marker-layer")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增动态标绘图层组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("mouseEnter")]),v._v(" "),t("td",[v._v("枚举")]),v._v(" "),t("td",[v._v("新增鼠标移入事件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("mouseLeave")]),v._v(" "),t("td",[v._v("枚举")]),v._v(" "),t("td",[v._v("新增鼠标移出事件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("IgsFeatureLayer.")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 igs 要素查询组件")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-cesium.js")]),v._v(" "),t("td",[v._v("mapgis-3d-vectortile-layer.layerStyle")]),v._v(" "),t("td",[v._v("属性")]),v._v(" "),t("td",[v._v("新增矢量瓦片图层的图层排序能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-geojson-layer.customPopup")]),v._v(" "),t("td",[v._v("属性")]),v._v(" "),t("td",[v._v("新增 geojsonlayer 的自定义 Popup（JSX）能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-geojson-layer.customTips")]),v._v(" "),t("td",[v._v("属性")]),v._v(" "),t("td",[v._v("新增 geojsonlayer 的自定义 Tips（JSX）能力")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-zoom")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增二维的放大缩小组件 mapgis-zoom")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-mapboxgl.js")]),v._v(" "),t("td",[v._v("mapgis-fitbounds")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增二维的缩放至范围组件 mapgis-fitbounds")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-icon")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-icon")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-tooltip-button")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-tooltip-button")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-command-card")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-command-card")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-editable-table")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-editable-table")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-row-flex")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-row-flex")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-toolbar")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-toolbar")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-toolbar-space")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-toolbar-space")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-toolbar-title")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-toolbar-title")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-toolbar-command")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-toolbar-command")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("webclient-vue-ui.js")]),v._v(" "),t("td",[v._v("mapgis-ui-toolbar-command-group")]),v._v(" "),t("td",[v._v("类")]),v._v(" "),t("td",[v._v("新增 mapgis-vue-ui 组件 mapgis-ui-toolbar-command-group")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("Cesium.js")]),v._v(" "),t("td",[v._v("Cesium.WebSceneControl.appendMapGISVectorDocMap")]),v._v(" "),t("td",[v._v("方法")]),v._v(" "),t("td",[v._v("加载 MapGIS 矢量地图文档")])]),v._v(" "),t("tr",[t("td",[v._v("新增")]),v._v(" "),t("td",[v._v("Cesium.js")]),v._v(" "),t("td",[v._v("Cesium.WebSceneControl.removeMapGISVectorDocMap")]),v._v(" "),t("td",[v._v("方法")]),v._v(" "),t("td",[v._v("移除 MapGIS 矢量地图文档")])])])])])}),[],!1,null,null,null);_.default=s.exports}}]);