@mapgis/webclient-vue-cesium 17.2.0 → 17.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (247) hide show
  1. package/dist-libs/webclient-vue-cesium.common.js +207 -178
  2. package/dist-libs/webclient-vue-cesium.css +1 -1
  3. package/dist-libs/webclient-vue-cesium.umd.js +207 -178
  4. package/dist-libs/webclient-vue-cesium.umd.min.js +14 -14
  5. package/package.json +3 -3
  6. package/dist-docs/404.html +0 -26
  7. package/dist-docs/api/MapStory/MapStory.html +0 -74
  8. package/dist-docs/api/Overlay/Echarts.html +0 -211
  9. package/dist-docs/api/Overlay/GraphThemeLayer.html +0 -95
  10. package/dist-docs/api/Overlay/Mapv.html +0 -150
  11. package/dist-docs/api/Overlay/ParticleEffects.html +0 -207
  12. package/dist-docs/api/Overlay/ThemeLayerCustom.html +0 -122
  13. package/dist-docs/api/analysis/Aspect.html +0 -217
  14. package/dist-docs/api/analysis/Bim.html +0 -106
  15. package/dist-docs/api/analysis/Buffer.html +0 -161
  16. package/dist-docs/api/analysis/Contour.html +0 -218
  17. package/dist-docs/api/analysis/CutFill.html +0 -225
  18. package/dist-docs/api/analysis/DynamicCutting.html +0 -188
  19. package/dist-docs/api/analysis/DynamicSection.html +0 -258
  20. package/dist-docs/api/analysis/Excavate.html +0 -101
  21. package/dist-docs/api/analysis/Fill.html +0 -191
  22. package/dist-docs/api/analysis/Flood.html +0 -240
  23. package/dist-docs/api/analysis/HeightLimited.html +0 -106
  24. package/dist-docs/api/analysis/Household.html +0 -112
  25. package/dist-docs/api/analysis/Overlay.html +0 -127
  26. package/dist-docs/api/analysis/Profile.html +0 -352
  27. package/dist-docs/api/analysis/ProjectorManager.html +0 -391
  28. package/dist-docs/api/analysis/ProjectorSetting.html +0 -154
  29. package/dist-docs/api/analysis/Shadow.html +0 -106
  30. package/dist-docs/api/analysis/Sightline.html +0 -96
  31. package/dist-docs/api/analysis/Skyline.html +0 -152
  32. package/dist-docs/api/analysis/Slope.html +0 -217
  33. package/dist-docs/api/analysis/ViewpointManager.html +0 -108
  34. package/dist-docs/api/analysis/Viewshed.html +0 -98
  35. package/dist-docs/api/datasource/geojson.html +0 -52
  36. package/dist-docs/api/index.html +0 -54
  37. package/dist-docs/api/layer/3DPlot/Plot.html +0 -85
  38. package/dist-docs/api/layer/3DPlot/PlotAnimation.html +0 -178
  39. package/dist-docs/api/layer/3DPlot/PlotLayer.html +0 -189
  40. package/dist-docs/api/layer/3DPlot/PlotLink.html +0 -137
  41. package/dist-docs/api/layer/ArcGISServer/ArcGISMapLayer.html +0 -177
  42. package/dist-docs/api/layer/ArcGISServer/ArcGISTileLayer.html +0 -98
  43. package/dist-docs/api/layer/Geojson/geojson.html +0 -352
  44. package/dist-docs/api/layer/Graphic/GraphicLayer.html +0 -99
  45. package/dist-docs/api/layer/Graphic/GraphicLayerService.html +0 -193
  46. package/dist-docs/api/layer/IGServer/IgsDocLayer.html +0 -195
  47. package/dist-docs/api/layer/IGServer/IgsDynamicLayer.html +0 -81
  48. package/dist-docs/api/layer/IGServer/IgsFeatureLayer.html +0 -157
  49. package/dist-docs/api/layer/IGServer/IgsTileLayer.html +0 -72
  50. package/dist-docs/api/layer/OGC/CesiumOgcWfsLayer.html +0 -117
  51. package/dist-docs/api/layer/OGC/CesiumOgcWmsLayer.html +0 -322
  52. package/dist-docs/api/layer/OGC/CesiumOgcWmtsLayer.html +0 -388
  53. package/dist-docs/api/layer/PopupMixin/popup.html +0 -301
  54. package/dist-docs/api/layer/Tileset/tileset.html +0 -60
  55. package/dist-docs/api/layer/m3d/m3d.html +0 -68
  56. package/dist-docs/api/layer/m3d/scene.html +0 -65
  57. package/dist-docs/api/layer/marker/DynamicMarker.html +0 -63
  58. package/dist-docs/api/layer/vectortile/vectortile.html +0 -58
  59. package/dist-docs/api/provider/igsterrain.html +0 -52
  60. package/dist-docs/api/sceneeffect/SceneSetting.html +0 -216
  61. package/dist-docs/api/sceneeffect/fogeffect.html +0 -113
  62. package/dist-docs/api/sceneeffect/pathroaming.html +0 -241
  63. package/dist-docs/api/sceneeffect/raineffect.html +0 -124
  64. package/dist-docs/api/sceneeffect/sceneroaming.html +0 -131
  65. package/dist-docs/api/sceneeffect/snoweffect.html +0 -103
  66. package/dist-docs/api/service/comprehensiveQuery/comprehensiveQuery.html +0 -206
  67. package/dist-docs/api/simulation/BuildingGrow.html +0 -79
  68. package/dist-docs/api/simulation/CityGrow.html +0 -84
  69. package/dist-docs/api/simulation/PondingSimulation.html +0 -120
  70. package/dist-docs/api/ui/compare.html +0 -75
  71. package/dist-docs/api/ui/debug.html +0 -51
  72. package/dist-docs/api/ui/draw.html +0 -122
  73. package/dist-docs/api/ui/images/popupfeature.html +0 -58
  74. package/dist-docs/api/ui/legend.html +0 -70
  75. package/dist-docs/api/ui/link.html +0 -91
  76. package/dist-docs/api/ui/locate.html +0 -91
  77. package/dist-docs/api/ui/marker.html +0 -48
  78. package/dist-docs/api/ui/measure.html +0 -223
  79. package/dist-docs/api/ui/outputimage.html +0 -47
  80. package/dist-docs/api/ui/popup.html +0 -48
  81. package/dist-docs/api/ui/popupfeature.html +0 -48
  82. package/dist-docs/api/ui/rotate.html +0 -90
  83. package/dist-docs/api/ui/statebar.html +0 -49
  84. package/dist-docs/api/ui/table.html +0 -243
  85. package/dist-docs/assets/css/0.styles.cb8abb08.css +0 -1
  86. package/dist-docs/assets/img/Wms.aadc425f.png +0 -0
  87. package/dist-docs/assets/img/arcgis-wmsserver.6c13bece.png +0 -0
  88. package/dist-docs/assets/img/bim.7e20ff81.png +0 -0
  89. package/dist-docs/assets/img/bim_collapse.1cadabeb.png +0 -0
  90. package/dist-docs/assets/img/bim_disable_bim.5028b8e6.png +0 -0
  91. package/dist-docs/assets/img/bim_enable_bim.bcba6335.png +0 -0
  92. package/dist-docs/assets/img/bim_open.b3d32504.png +0 -0
  93. package/dist-docs/assets/img/card.b0528dea.png +0 -0
  94. package/dist-docs/assets/img/cesium_dist.bd34c270.png +0 -0
  95. package/dist-docs/assets/img/cloudisk.31a0f7a2.png +0 -0
  96. package/dist-docs/assets/img/custom_popup_list.6eda8057.png +0 -0
  97. package/dist-docs/assets/img/custom_popup_tips.7bfbfd71.png +0 -0
  98. package/dist-docs/assets/img/debug.3092e258.png +0 -0
  99. package/dist-docs/assets/img/destop_house_1.575e045a.png +0 -0
  100. package/dist-docs/assets/img/destop_house_2.2073f920.png +0 -0
  101. package/dist-docs/assets/img/dynamicmarker.ce31938a.png +0 -0
  102. package/dist-docs/assets/img/house.82f7b807.png +0 -0
  103. package/dist-docs/assets/img/house_collapse.ff7c97a3.png +0 -0
  104. package/dist-docs/assets/img/house_layers.40588763.png +0 -0
  105. package/dist-docs/assets/img/igs_house.17ccedc3.png +0 -0
  106. package/dist-docs/assets/img/igs_vertex.69dbefdf.png +0 -0
  107. package/dist-docs/assets/img/img.89931892.png +0 -0
  108. package/dist-docs/assets/img/img_1.ea78b5ed.png +0 -0
  109. package/dist-docs/assets/img/img_10.7d2345ef.png +0 -0
  110. package/dist-docs/assets/img/img_2.d1236814.png +0 -0
  111. package/dist-docs/assets/img/img_3.fdad2ce3.png +0 -0
  112. package/dist-docs/assets/img/img_4.8dccaf99.png +0 -0
  113. package/dist-docs/assets/img/img_5.79a92838.png +0 -0
  114. package/dist-docs/assets/img/img_6.a48e76fe.png +0 -0
  115. package/dist-docs/assets/img/img_7.6a283273.png +0 -0
  116. package/dist-docs/assets/img/img_8.cc8bea6e.png +0 -0
  117. package/dist-docs/assets/img/mapgis-wmsserver.d02125e4.png +0 -0
  118. package/dist-docs/assets/img/maximumScreenSpaceError.0fe18df9.png +0 -0
  119. package/dist-docs/assets/img/minzoom-error.48ffbfc0.png +0 -0
  120. package/dist-docs/assets/img/rich-text.a733d89d.png +0 -0
  121. package/dist-docs/assets/img/scene_layer_1.6e06850f.png +0 -0
  122. package/dist-docs/assets/img/scene_layer_2.0abf41a1.png +0 -0
  123. package/dist-docs/assets/img/scene_layer_3.2ab58bc9.png +0 -0
  124. package/dist-docs/assets/img/scene_layer_4.c0e72cc4.png +0 -0
  125. package/dist-docs/assets/img/scene_layer_5.8839cbfd.png +0 -0
  126. package/dist-docs/assets/img/scene_layer_6.75a04a7e.png +0 -0
  127. package/dist-docs/assets/img/scene_layer_7.c930b15f.png +0 -0
  128. package/dist-docs/assets/img/search.83621669.svg +0 -1
  129. package/dist-docs/assets/img/selects.d7266d1e.png +0 -0
  130. package/dist-docs/assets/img/table.0f6e7d4b.png +0 -0
  131. package/dist-docs/assets/img/terrain_load.446f8cf4.png +0 -0
  132. package/dist-docs/assets/img/webclient-vue-cesium.dd9fbfdb.png +0 -0
  133. package/dist-docs/assets/js/10.fc57b0cc.js +0 -1
  134. package/dist-docs/assets/js/11.b954f99c.js +0 -1
  135. package/dist-docs/assets/js/12.021e39ab.js +0 -1
  136. package/dist-docs/assets/js/13.12df77fa.js +0 -1
  137. package/dist-docs/assets/js/14.6410454b.js +0 -1
  138. package/dist-docs/assets/js/15.c58479e4.js +0 -1
  139. package/dist-docs/assets/js/16.89ac43ea.js +0 -1
  140. package/dist-docs/assets/js/17.12bdd16a.js +0 -1
  141. package/dist-docs/assets/js/18.147c4f98.js +0 -1
  142. package/dist-docs/assets/js/19.0709d65f.js +0 -1
  143. package/dist-docs/assets/js/20.21dca636.js +0 -1
  144. package/dist-docs/assets/js/21.500530ac.js +0 -1
  145. package/dist-docs/assets/js/22.bb0aef6b.js +0 -1
  146. package/dist-docs/assets/js/23.a0938f08.js +0 -1
  147. package/dist-docs/assets/js/24.aa88ed0c.js +0 -1
  148. package/dist-docs/assets/js/25.4413f608.js +0 -1
  149. package/dist-docs/assets/js/26.b483463c.js +0 -1
  150. package/dist-docs/assets/js/27.6da60763.js +0 -1
  151. package/dist-docs/assets/js/28.78599c3a.js +0 -1
  152. package/dist-docs/assets/js/29.7f9684c8.js +0 -1
  153. package/dist-docs/assets/js/3.8682ab0b.js +0 -1
  154. package/dist-docs/assets/js/30.54f01c2b.js +0 -1
  155. package/dist-docs/assets/js/31.3e576068.js +0 -1
  156. package/dist-docs/assets/js/32.c9d0fbdf.js +0 -1
  157. package/dist-docs/assets/js/33.8f1d3741.js +0 -1
  158. package/dist-docs/assets/js/34.c48ccae5.js +0 -1
  159. package/dist-docs/assets/js/35.4ada564d.js +0 -1
  160. package/dist-docs/assets/js/36.9cdac935.js +0 -1
  161. package/dist-docs/assets/js/37.6ce6e255.js +0 -1
  162. package/dist-docs/assets/js/38.646f1573.js +0 -1
  163. package/dist-docs/assets/js/39.7c961c85.js +0 -1
  164. package/dist-docs/assets/js/4.4f953d91.js +0 -1
  165. package/dist-docs/assets/js/40.35fa1e67.js +0 -1
  166. package/dist-docs/assets/js/41.3b676499.js +0 -1
  167. package/dist-docs/assets/js/42.dd312491.js +0 -1
  168. package/dist-docs/assets/js/43.1afb12de.js +0 -1
  169. package/dist-docs/assets/js/44.bb43f598.js +0 -1
  170. package/dist-docs/assets/js/45.95ceff91.js +0 -1
  171. package/dist-docs/assets/js/46.4b671f73.js +0 -1
  172. package/dist-docs/assets/js/47.b39f812f.js +0 -1
  173. package/dist-docs/assets/js/48.aa61dd8a.js +0 -1
  174. package/dist-docs/assets/js/49.ee9115b1.js +0 -1
  175. package/dist-docs/assets/js/5.7798a6a9.js +0 -1
  176. package/dist-docs/assets/js/50.b46939d1.js +0 -1
  177. package/dist-docs/assets/js/51.7c343687.js +0 -1
  178. package/dist-docs/assets/js/52.742b94da.js +0 -1
  179. package/dist-docs/assets/js/53.eadbdc82.js +0 -1
  180. package/dist-docs/assets/js/54.b66efd7e.js +0 -1
  181. package/dist-docs/assets/js/55.8b2ad292.js +0 -1
  182. package/dist-docs/assets/js/56.9228eb8b.js +0 -1
  183. package/dist-docs/assets/js/57.b32c37af.js +0 -1
  184. package/dist-docs/assets/js/58.c1dce768.js +0 -1
  185. package/dist-docs/assets/js/59.95a3d9b7.js +0 -1
  186. package/dist-docs/assets/js/6.d575c9be.js +0 -1
  187. package/dist-docs/assets/js/60.53ca7494.js +0 -1
  188. package/dist-docs/assets/js/61.1febb4f5.js +0 -1
  189. package/dist-docs/assets/js/62.55ce28a0.js +0 -1
  190. package/dist-docs/assets/js/63.9df33434.js +0 -1
  191. package/dist-docs/assets/js/64.49653893.js +0 -1
  192. package/dist-docs/assets/js/65.edd48589.js +0 -1
  193. package/dist-docs/assets/js/66.0b45dbdc.js +0 -1
  194. package/dist-docs/assets/js/67.046a33b8.js +0 -1
  195. package/dist-docs/assets/js/68.bba7f139.js +0 -1
  196. package/dist-docs/assets/js/69.51d986bb.js +0 -1
  197. package/dist-docs/assets/js/7.4a6090da.js +0 -1
  198. package/dist-docs/assets/js/70.430801c6.js +0 -1
  199. package/dist-docs/assets/js/71.a4878f03.js +0 -1
  200. package/dist-docs/assets/js/72.04809b4d.js +0 -1
  201. package/dist-docs/assets/js/73.f00574ad.js +0 -1
  202. package/dist-docs/assets/js/74.1147a818.js +0 -1
  203. package/dist-docs/assets/js/75.5a6aa718.js +0 -1
  204. package/dist-docs/assets/js/76.05fa29a4.js +0 -1
  205. package/dist-docs/assets/js/77.6f266332.js +0 -1
  206. package/dist-docs/assets/js/78.af0bb05c.js +0 -1
  207. package/dist-docs/assets/js/79.d701c8a6.js +0 -1
  208. package/dist-docs/assets/js/8.e1110673.js +0 -1
  209. package/dist-docs/assets/js/80.0ddf54d9.js +0 -1
  210. package/dist-docs/assets/js/81.7b9946be.js +0 -1
  211. package/dist-docs/assets/js/82.b9b55001.js +0 -1
  212. package/dist-docs/assets/js/83.8665b982.js +0 -1
  213. package/dist-docs/assets/js/84.d86c5980.js +0 -1
  214. package/dist-docs/assets/js/85.5c4a89a2.js +0 -1
  215. package/dist-docs/assets/js/86.3b79f966.js +0 -1
  216. package/dist-docs/assets/js/87.94eb00ff.js +0 -1
  217. package/dist-docs/assets/js/88.cd7374cc.js +0 -1
  218. package/dist-docs/assets/js/89.f6eac417.js +0 -1
  219. package/dist-docs/assets/js/9.e0c77bdc.js +0 -1
  220. package/dist-docs/assets/js/90.54c09a11.js +0 -1
  221. package/dist-docs/assets/js/91.a5fde22d.js +0 -1
  222. package/dist-docs/assets/js/92.e6343876.js +0 -1
  223. package/dist-docs/assets/js/93.63edc1e3.js +0 -1
  224. package/dist-docs/assets/js/94.ee242da0.js +0 -1
  225. package/dist-docs/assets/js/95.6662977f.js +0 -1
  226. package/dist-docs/assets/js/96.e5e6257b.js +0 -1
  227. package/dist-docs/assets/js/97.7ba8c8b7.js +0 -1
  228. package/dist-docs/assets/js/98.4474a97c.js +0 -1
  229. package/dist-docs/assets/js/99.0ca2f58f.js +0 -1
  230. package/dist-docs/assets/js/app.86648983.js +0 -12
  231. package/dist-docs/assets/js/vendors~docsearch.f387753e.js +0 -3
  232. package/dist-docs/favicon.ico +0 -0
  233. package/dist-docs/guide/basemap.html +0 -93
  234. package/dist-docs/guide/customComponent.html +0 -276
  235. package/dist-docs/guide/index.html +0 -59
  236. package/dist-docs/guide/introduction.html +0 -48
  237. package/dist-docs/guide/markers&popups.html +0 -168
  238. package/dist-docs/guide/quickStart.html +0 -102
  239. package/dist-docs/guide/wms&map&doc.html +0 -43
  240. package/dist-docs/index.html +0 -46
  241. package/dist-docs/logo.svg +0 -7
  242. package/dist-docs/plugin_components/create_storybook.html +0 -198
  243. package/dist-docs/plugin_components/index.html +0 -70
  244. package/dist-docs/plugin_components/plugin_components_development.html +0 -199
  245. package/dist-docs/version/1_84.html +0 -63
  246. package/dist-docs/version/diff.html +0 -40
  247. package/dist-docs/version/version.html +0 -52
package/dist-docs/api/layer/Graphic/GraphicLayerService.html DELETED
@@ -1,193 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="zh-CN">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>GraphicLayerService 标注服务工具类 | 中地数码</title>
7
- <meta name="generator" content="VuePress 1.9.9">
8
- <script src="https://cdn.jsdelivr.net/npm/react@16.6.3/umd/react.production.min.js"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/react-dom@16.6.3/umd/react-dom.production.min.js"></script>
10
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
11
- <script src="https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js"></script>
12
- <script src="https://cdn.jsdelivr.net/npm/numerify/lib/index.umd.min.js"></script>
13
- <link href="http://develop.smaryun.com/static/libs/cdn/zondyclient/npm/webclient-vue-cesium.css" rel="stylesheet" type="text/css">
14
- <script src="http://develop.smaryun.com/static/libs/cdn/zondyclient/npm/webclient-vue-cesium.umd.js"></script>
15
- <meta name="description" content="@mapgis/webclient-vue-cesium">
16
-
17
- <link rel="preload" href="/assets/css/0.styles.cb8abb08.css" as="style"><link rel="preload" href="/assets/js/app.86648983.js" as="script"><link rel="preload" href="/assets/js/3.8682ab0b.js" as="script"><link rel="preload" href="/assets/js/64.49653893.js" as="script"><link rel="prefetch" href="/assets/js/10.fc57b0cc.js"><link rel="prefetch" href="/assets/js/11.b954f99c.js"><link rel="prefetch" href="/assets/js/12.021e39ab.js"><link rel="prefetch" href="/assets/js/13.12df77fa.js"><link rel="prefetch" href="/assets/js/14.6410454b.js"><link rel="prefetch" href="/assets/js/15.c58479e4.js"><link rel="prefetch" href="/assets/js/16.89ac43ea.js"><link rel="prefetch" href="/assets/js/17.12bdd16a.js"><link rel="prefetch" href="/assets/js/18.147c4f98.js"><link rel="prefetch" href="/assets/js/19.0709d65f.js"><link rel="prefetch" href="/assets/js/20.21dca636.js"><link rel="prefetch" href="/assets/js/21.500530ac.js"><link rel="prefetch" href="/assets/js/22.bb0aef6b.js"><link rel="prefetch" href="/assets/js/23.a0938f08.js"><link rel="prefetch" href="/assets/js/24.aa88ed0c.js"><link rel="prefetch" href="/assets/js/25.4413f608.js"><link rel="prefetch" href="/assets/js/26.b483463c.js"><link rel="prefetch" href="/assets/js/27.6da60763.js"><link rel="prefetch" href="/assets/js/28.78599c3a.js"><link rel="prefetch" href="/assets/js/29.7f9684c8.js"><link rel="prefetch" href="/assets/js/30.54f01c2b.js"><link rel="prefetch" href="/assets/js/31.3e576068.js"><link rel="prefetch" href="/assets/js/32.c9d0fbdf.js"><link rel="prefetch" href="/assets/js/33.8f1d3741.js"><link rel="prefetch" href="/assets/js/34.c48ccae5.js"><link rel="prefetch" href="/assets/js/35.4ada564d.js"><link rel="prefetch" href="/assets/js/36.9cdac935.js"><link rel="prefetch" href="/assets/js/37.6ce6e255.js"><link rel="prefetch" href="/assets/js/38.646f1573.js"><link rel="prefetch" href="/assets/js/39.7c961c85.js"><link rel="prefetch" href="/assets/js/4.4f953d91.js"><link rel="prefetch" href="/assets/js/40.35fa1e67.js"><link rel="prefetch" href="/assets/js/41.3b676499.js"><link rel="prefetch" href="/assets/js/42.dd312491.js"><link rel="prefetch" href="/assets/js/43.1afb12de.js"><link rel="prefetch" href="/assets/js/44.bb43f598.js"><link rel="prefetch" href="/assets/js/45.95ceff91.js"><link rel="prefetch" href="/assets/js/46.4b671f73.js"><link rel="prefetch" href="/assets/js/47.b39f812f.js"><link rel="prefetch" href="/assets/js/48.aa61dd8a.js"><link rel="prefetch" href="/assets/js/49.ee9115b1.js"><link rel="prefetch" href="/assets/js/5.7798a6a9.js"><link rel="prefetch" href="/assets/js/50.b46939d1.js"><link rel="prefetch" href="/assets/js/51.7c343687.js"><link rel="prefetch" href="/assets/js/52.742b94da.js"><link rel="prefetch" href="/assets/js/53.eadbdc82.js"><link rel="prefetch" href="/assets/js/54.b66efd7e.js"><link rel="prefetch" href="/assets/js/55.8b2ad292.js"><link rel="prefetch" href="/assets/js/56.9228eb8b.js"><link rel="prefetch" href="/assets/js/57.b32c37af.js"><link rel="prefetch" href="/assets/js/58.c1dce768.js"><link rel="prefetch" href="/assets/js/59.95a3d9b7.js"><link rel="prefetch" href="/assets/js/6.d575c9be.js"><link rel="prefetch" href="/assets/js/60.53ca7494.js"><link rel="prefetch" href="/assets/js/61.1febb4f5.js"><link rel="prefetch" href="/assets/js/62.55ce28a0.js"><link rel="prefetch" href="/assets/js/63.9df33434.js"><link rel="prefetch" href="/assets/js/65.edd48589.js"><link rel="prefetch" href="/assets/js/66.0b45dbdc.js"><link rel="prefetch" href="/assets/js/67.046a33b8.js"><link rel="prefetch" href="/assets/js/68.bba7f139.js"><link rel="prefetch" href="/assets/js/69.51d986bb.js"><link rel="prefetch" href="/assets/js/7.4a6090da.js"><link rel="prefetch" href="/assets/js/70.430801c6.js"><link rel="prefetch" href="/assets/js/71.a4878f03.js"><link rel="prefetch" href="/assets/js/72.04809b4d.js"><link rel="prefetch" href="/assets/js/73.f00574ad.js"><link rel="prefetch" href="/assets/js/74.1147a818.js"><link rel="prefetch" href="/assets/js/75.5a6aa718.js"><link rel="prefetch" href="/assets/js/76.05fa29a4.js"><link rel="prefetch" href="/assets/js/77.6f266332.js"><link rel="prefetch" href="/assets/js/78.af0bb05c.js"><link rel="prefetch" href="/assets/js/79.d701c8a6.js"><link rel="prefetch" href="/assets/js/8.e1110673.js"><link rel="prefetch" href="/assets/js/80.0ddf54d9.js"><link rel="prefetch" href="/assets/js/81.7b9946be.js"><link rel="prefetch" href="/assets/js/82.b9b55001.js"><link rel="prefetch" href="/assets/js/83.8665b982.js"><link rel="prefetch" href="/assets/js/84.d86c5980.js"><link rel="prefetch" href="/assets/js/85.5c4a89a2.js"><link rel="prefetch" href="/assets/js/86.3b79f966.js"><link rel="prefetch" href="/assets/js/87.94eb00ff.js"><link rel="prefetch" href="/assets/js/88.cd7374cc.js"><link rel="prefetch" href="/assets/js/89.f6eac417.js"><link rel="prefetch" href="/assets/js/9.e0c77bdc.js"><link rel="prefetch" href="/assets/js/90.54c09a11.js"><link rel="prefetch" href="/assets/js/91.a5fde22d.js"><link rel="prefetch" href="/assets/js/92.e6343876.js"><link rel="prefetch" href="/assets/js/93.63edc1e3.js"><link rel="prefetch" href="/assets/js/94.ee242da0.js"><link rel="prefetch" href="/assets/js/95.6662977f.js"><link rel="prefetch" href="/assets/js/96.e5e6257b.js"><link rel="prefetch" href="/assets/js/97.7ba8c8b7.js"><link rel="prefetch" href="/assets/js/98.4474a97c.js"><link rel="prefetch" href="/assets/js/99.0ca2f58f.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.f387753e.js">
18
- <link rel="stylesheet" href="/assets/css/0.styles.cb8abb08.css">
19
- </head>
20
- <body>
21
- <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">中地数码</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/guide/" class="nav-link">
22
- 向导
23
- </a></div><div class="nav-item"><a href="/api/" class="nav-link router-link-active">
24
- API
25
- </a></div><div class="nav-item"><a href="http://develop.smaryun.com" target="_blank" rel="noopener noreferrer" class="nav-link external">
26
- WebClient
27
- <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MapGIS/WebClient-Vue" target="_blank" rel="noopener noreferrer" class="nav-link external">
28
- 开源
29
- <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/guide/" class="nav-link">
30
- 向导
31
- </a></div><div class="nav-item"><a href="/api/" class="nav-link router-link-active">
32
- API
33
- </a></div><div class="nav-item"><a href="http://develop.smaryun.com" target="_blank" rel="noopener noreferrer" class="nav-link external">
34
- WebClient
35
- <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MapGIS/WebClient-Vue" target="_blank" rel="noopener noreferrer" class="nav-link external">
36
- 开源
37
- <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>开发指南</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/guide/" class="sidebar-link">安装</a></li><li><a href="/guide/quickStart.html" class="sidebar-link">快速上手</a></li><li><a href="/guide/introduction.html" class="sidebar-link">模块说明</a></li><li><a href="/guide/basemap.html" class="sidebar-link">注意事项</a></li><li><a href="/guide/customComponent.html" class="sidebar-link">自定义组件</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>场景</span> <!----></p> <!----></section></li><li><a href="/api/" aria-current="page" class="sidebar-link">地图场景</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>场景子组件</span> <!----></p> <!----></section></li><li><a href="/api/ui/popup.html" class="sidebar-link">气泡-自定义槽</a></li><li><a href="/api/ui/popupfeature.html" class="sidebar-link">气泡-默认样式</a></li><li><a href="/api/ui/marker.html" class="sidebar-link">标记点</a></li><li><a href="/api/ui/compare.html" class="sidebar-link">卷帘</a></li><li><a href="/api/ui/link.html" class="sidebar-link">多屏联动</a></li><li><a href="/api/ui/legend.html" class="sidebar-link">图例</a></li><li><a href="/api/ui/table.html" class="sidebar-link">表格</a></li><li><a href="/api/ui/draw.html" class="sidebar-link">绘制</a></li><li><a href="/api/ui/measure.html" class="sidebar-link">量测</a></li><li><a href="/api/ui/statebar.html" class="sidebar-link">状态栏</a></li><li><a href="/api/ui/debug.html" class="sidebar-link">调试</a></li><li><a href="/api/sceneeffect/SceneSetting.html" class="sidebar-link">场景设置</a></li><li><a href="/api/analysis/ViewpointManager.html" class="sidebar-link">视点管理</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>图层</span> <!----></p> <!----></section></li><li><a href="/api/layer/PopupMixin/popup.html" class="sidebar-link">图层拾取</a></li><li><a href="/api/layer/IGServer/IgsDynamicLayer.html" class="sidebar-link">IGS二维矢量</a></li><li><a href="/api/layer/IGServer/IgsDocLayer.html" class="sidebar-link">IGS地图文档</a></li><li><a href="/api/layer/IGServer/IgsFeatureLayer.html" class="sidebar-link">IGS Feature</a></li><li><a href="/api/layer/IGServer/IgsTileLayer.html" class="sidebar-link">IGS瓦片</a></li><li><a href="/api/provider/igsterrain.html" class="sidebar-link">IGS地形</a></li><li><a href="/api/layer/ArcGISServer/ArcGISMapLayer.html" class="sidebar-link">ArcGIS地图</a></li><li><a href="/api/layer/ArcGISServer/ArcGISTileLayer.html" class="sidebar-link">ArcGIS瓦片</a></li><li><a href="/api/layer/OGC/CesiumOgcWmsLayer.html" class="sidebar-link">WMS</a></li><li><a href="/api/layer/OGC/CesiumOgcWmtsLayer.html" class="sidebar-link">WMTS</a></li><li><a href="/api/layer/vectortile/vectortile.html" class="sidebar-link">矢量瓦片</a></li><li><a href="/api/layer/m3d/scene.html" class="sidebar-link">Scene图层</a></li><li><a href="/api/layer/m3d/m3d.html" class="sidebar-link">M3D图层</a></li><li><a href="/api/layer/Tileset/tileset.html" class="sidebar-link">3DTiles</a></li><li><a href="/api/layer/Geojson/geojson.html" class="sidebar-link">GeoJSON</a></li><li><a href="/api/layer/marker/DynamicMarker.html" class="sidebar-link">动态注记</a></li><li><a href="/api/layer/Graphic/GraphicLayer.html" class="sidebar-link">标绘图层</a></li><li><a href="/api/layer/Graphic/GraphicLayerService.html" aria-current="page" class="active sidebar-link">标绘图层-工具类</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/layer/Graphic/GraphicLayerService.html#方法列表" class="sidebar-link">方法列表</a></li><li class="sidebar-sub-header"><a href="/api/layer/Graphic/GraphicLayerService.html#方法" class="sidebar-link">方法</a></li></ul></li><li><a href="/api/MapStory/MapStory.html" class="sidebar-link">地图故事图层</a></li><li><a href="/api/layer/3DPlot/PlotLayer.html" class="sidebar-link">行业标绘图层</a></li><li><a href="/api/layer/3DPlot/Plot.html" class="sidebar-link">行业标绘绘制组件</a></li><li><a href="/api/layer/3DPlot/PlotAnimation.html" class="sidebar-link">态势推演组件</a></li><li><a href="/api/layer/3DPlot/PlotLink.html" class="sidebar-link">行业标绘二三维联动</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>可视化</span> <!----></p> <!----></section></li><li><a href="/api/Overlay/Echarts.html" class="sidebar-link">Echarts</a></li><li><a href="/api/Overlay/Mapv.html" class="sidebar-link">MapV</a></li><li><a href="/api/Overlay/ParticleEffects.html" class="sidebar-link">粒子特效</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>场景漫游</span> <!----></p> <!----></section></li><li><a href="/api/sceneeffect/pathroaming.html" class="sidebar-link">单路径</a></li><li><a href="/api/sceneeffect/sceneroaming.html" class="sidebar-link">路径管理</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>模拟仿真</span> <!----></p> <!----></section></li><li><a href="/api/simulation/CityGrow.html" class="sidebar-link">城市生长</a></li><li><a href="/api/simulation/BuildingGrow.html" class="sidebar-link">单体建筑生长</a></li><li><a href="/api/simulation/PondingSimulation.html" class="sidebar-link">积水仿真</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>空间分析</span> <!----></p> <!----></section></li><li><a href="/api/analysis/Viewshed.html" class="sidebar-link">可视域分析</a></li><li><a href="/api/analysis/Sightline.html" class="sidebar-link">通视分析</a></li><li><a href="/api/analysis/Flood.html" class="sidebar-link">洪水淹没分析</a></li><li><a href="/api/analysis/DynamicCutting.html" class="sidebar-link">动态剖切</a></li><li><a href="/api/analysis/DynamicSection.html" class="sidebar-link">动态剖切-高级</a></li><li><a href="/api/analysis/Excavate.html" class="sidebar-link">开挖分析</a></li><li><a href="/api/analysis/Fill.html" class="sidebar-link">填挖方分析</a></li><li><a href="/api/analysis/HeightLimited.html" class="sidebar-link">限高分析</a></li><li><a href="/api/analysis/Shadow.html" class="sidebar-link">阴影分析</a></li><li><a href="/api/analysis/Skyline.html" class="sidebar-link">天际线分析</a></li><li><a href="/api/analysis/Contour.html" class="sidebar-link">等值线面分析</a></li><li><a href="/api/analysis/Household.html" class="sidebar-link">分层分户</a></li><li><a href="/api/analysis/Bim.html" class="sidebar-link">BIM构件树</a></li><li><a href="/api/analysis/ProjectorManager.html" class="sidebar-link">投放管理</a></li><li><a href="/api/analysis/ProjectorSetting.html" class="sidebar-link">投放配置</a></li><li><a href="/api/analysis/Buffer.html" class="sidebar-link">缓冲分析</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="graphiclayerservice-标注服务工具类"><a href="#graphiclayerservice-标注服务工具类" class="header-anchor">#</a> GraphicLayerService 标注服务工具类</h1> <blockquote><p>mapgis-3d-graphic-layer-service</p></blockquote> <h1 id="如何引入"><a href="#如何引入" class="header-anchor">#</a> 如何引入</h1> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//引入Mapgis3dGraphicLayerService组件</span>
38
- <span class="token keyword">import</span> <span class="token punctuation">{</span> Mapgis3dGraphicLayerService <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@mapgis/webclient-vue-cesium&quot;</span><span class="token punctuation">;</span>
39
- <span class="token comment">//在mixins里面混入</span>
40
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
41
- <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;你的组件&quot;</span><span class="token punctuation">,</span>
42
- <span class="token comment">//混入Mapgis3dGraphicLayerService服务</span>
43
- <span class="token literal-property property">mixins</span><span class="token operator">:</span> <span class="token punctuation">[</span>Mapgis3dGraphicLayerService<span class="token punctuation">]</span>
44
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
45
- </code></pre></div><h1 id="混入后-如何使用"><a href="#混入后-如何使用" class="header-anchor">#</a> 混入后，如何使用</h1> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//初始化一个图层</span>
46
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_newGraphicLayer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
47
- <span class="token comment">//指定vueIndex，只有一个时，也可以不传</span>
48
- <span class="token literal-property property">vueIndex</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>vueIndex<span class="token punctuation">,</span>
49
- <span class="token comment">//vueKey，只有一个Cesium球时，也可以不传</span>
50
- <span class="token literal-property property">vueKey</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>vueKey<span class="token punctuation">,</span>
51
- <span class="token comment">//标绘对象添加完毕后的回调事件</span>
52
- <span class="token function-variable function">getGraphic</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
53
- <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
54
- <span class="token comment">//开始绘制标绘对象</span>
55
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_startDrawing</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">&quot;绘制类型&quot;</span><span class="token punctuation">,</span> <span class="token literal-property property">style</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
56
- </code></pre></div><h2 id="方法列表"><a href="#方法列表" class="header-anchor">#</a> 方法列表</h2> <table><thead><tr><th>名称</th> <th>描述</th></tr></thead> <tbody><tr><td><a href="#newGraphicLayer">$_newGraphicLayer</a>(<a href="#options">options</a>)</td> <td>初始化一个标绘图层对象</td></tr> <tr><td><a href="#getGraphicLayer">$_getGraphicLayer</a>()</td> <td>通过 vueKey，vueIndex 来获取 graphicsLayer 对象，当不传时，会使用默认的 vueKey，vueIndex</td></tr> <tr><td><a href="#switchGraphicLayer">$_switchGraphicLayer</a>()</td> <td>当前 vue 页面下包含多个标绘图层时，通过 vueKey，vueIndex 来切换 graphicsLayerService 默认对应的 graphicLayer 对象</td></tr> <tr><td><a href="#startDrawing">$_startDrawing</a>(<a href="#drawOptions">options</a>)</td> <td>通过绘制参数 options 来绘制要素，可通过 vueIndex，vueKey 来指定要绘制在哪一个 graphicsLayer 图层上，默认可不传</td></tr> <tr><td><a href="#stopDrawing">$_stopDrawing</a>()</td> <td>停止绘制</td></tr> <tr><td><a href="#startEdit">$_startEdit</a>()</td> <td>开始编辑标绘图形对象，可通过 vueIndex，vueKey 来指定要绘制在哪一个 graphicsLayer 图层上，默认可不传</td></tr> <tr><td><a href="#stopEdit">$_stopEdit</a>()</td> <td>停止编辑</td></tr> <tr><td><a href="#getAllGraphic">$_getAllGraphic</a>()</td> <td>获取该图层下所有标绘图形</td></tr> <tr><td><a href="#getGraphicByID">$_getGraphicByID</a>(id)</td> <td>根据 id 获取标绘图形对象</td></tr> <tr><td><a href="#removeGraphicByID">$_removeGraphicByID</a>(id)</td> <td>根据 ID 移除选中标绘图形</td></tr> <tr><td><a href="#getGraphicByIndex">$_getGraphicByIndex</a>(index)</td> <td>根据 index 获取标绘图形对象</td></tr> <tr><td><a href="#removeGraphicByIndex">$_removeGraphicByIndex</a>(index)</td> <td>根据 index 移除选中标绘图形</td></tr> <tr><td><a href="#fromJson">$_fromJson</a>(json)</td> <td>加载标绘对象组成的 json 数据</td></tr> <tr><td><a href="#toJSON">$_toJSON</a>()</td> <td>将整个图层导出为 json 数据</td></tr> <tr><td><a href="#toFile">$_toFile</a>(dataSource)</td> <td>将数据导出为文件</td></tr> <tr><td><a href="#removeAllGraphic">$_removeAllGraphic</a>()</td> <td>移除该标绘图层下所有标绘对象</td></tr> <tr><td><a href="#getJsonById">$_getJsonById</a>(id, key, value)</td> <td>通过 id 来获取标绘对象的 json 数据，该对象与 Cesium 解绑，操作该对象，并不会改变标绘对象的属性</td></tr> <tr><td><a href="#updateStyle">$_updateStyle</a>(Graphic, key, value)</td> <td>更新标绘图形对象样式</td></tr> <tr><td><a href="#updateStyleByStyle">$_updateStyleByStyle</a>(id, style)</td> <td>通过 style 对象，更新标绘图形对象样式，一次可同时更新多个值</td></tr> <tr><td><a href="#updateStyleByLayer">$_updateStyleByLayer</a>(layer)</td> <td>通过一个标绘图层对象，更新标绘图形对象样式，一次可同时更新多个标绘对象的多个值</td></tr> <tr><td><a href="#destroy">$_destroy</a>()</td> <td>销毁整个图层</td></tr></tbody></table> <h2 id="方法"><a href="#方法" class="header-anchor">#</a> 方法</h2> <h3 id="newgraphiclayer-options"><a href="#newgraphiclayer-options" class="header-anchor">#</a> <span id="newGraphicLayer"><code>$_newGraphicLayer(options)</code></span></h3> <blockquote><p>初始化一个 graphicsLayer 对象，<span style="color:red;">请通过$_getGraphicLayer 方法获取 GraphicLayer 对象，不要将 GraphicLayer 对象绑定在 vue 上</span></p></blockquote> <h4 id="参数"><a href="#参数" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td><a href="#options">options</a></td> <td>Object</td> <td>是</td> <td>初始化参数</td></tr></tbody></table> <h5 id="参数详情"><a href="#参数详情" class="header-anchor">#</a> 参数详情</h5> <h5 id="options-options参数"><a href="#options-options参数" class="header-anchor">#</a> <span id="options"><code>options（options参数）</code></span></h5> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串，不传则自动生成</td></tr> <tr><td>vueKey</td> <td>String</td> <td>'default'</td> <td>cesium 球体的唯一标识，默认值 default，当分屏时使用此对象标识多个球体</td></tr> <tr><td>getGraphic(Graphic)</td> <td>Function</td> <td>无</td> <td>绘制完成时的回调函数</td></tr> <tr><td>finishEdit(Graphic)</td> <td>Function</td> <td>无</td> <td>编辑完成时的回调函数</td></tr> <tr><td>revokeModel(Graphic)</td> <td>Function</td> <td>无</td> <td>添加模型时，点击右键撤销模型的回调函数</td></tr></tbody></table> <h4 id="返回值-无"><a href="#返回值-无" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//始化一个 GraphicLayer 对象：</span>
57
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_newGraphicLayer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
58
- <span class="token literal-property property">vueIndex</span><span class="token operator">:</span> vueIndex<span class="token punctuation">,</span>
59
- <span class="token literal-property property">vueKey</span><span class="token operator">:</span> vueKey<span class="token punctuation">,</span>
60
- <span class="token function-variable function">getGraphic</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
61
- <span class="token function-variable function">finishEdit</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
62
- <span class="token function-variable function">revokeModel</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
63
- <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
64
- </code></pre></div><h3 id="getgraphiclayer-vueindex-vuekey"><a href="#getgraphiclayer-vueindex-vuekey" class="header-anchor">#</a> <span id="getGraphicLayer"><code>$_getGraphicLayer(vueIndex, vueKey)</code></span></h3> <blockquote><p>通过 vueKey，vueIndex 来获取 graphicsLayer 对象，当不传时，会使用默认的 vueKey，vueIndex</p></blockquote> <h4 id="参数-2"><a href="#参数-2" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值"><a href="#返回值" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>graphicsLayer</td> <td>Object</td> <td>graphicsLayer 对象</td></tr></tbody></table> <h4 id="示例-2"><a href="#示例-2" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//获取默认的 GraphicLayer 对象：</span>
65
- <span class="token keyword">let</span> graphicsLayer <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicLayer</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
66
- <span class="token comment">//当在一个球体上，有多个GraphicLayer对象时，获取该对象，请指定vueIndex：</span>
67
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
68
- <span class="token keyword">let</span> graphicsLayer <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>$$$$\<span class="token function">_getGraphicLayer</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">)</span><span class="token punctuation">;</span>
69
- <span class="token comment">//当有多个球体，多个 GraphicLayer 对象时，获取该对象，请指定 vueIndex 以及 vueKey：</span>
70
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的 vueIndex&quot;</span><span class="token punctuation">;</span>
71
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的 vueKey&quot;</span><span class="token punctuation">;</span>
72
- <span class="token keyword">let</span> graphicsLayer <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicLayer</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
73
- </code></pre></div><h3 id="switchgraphiclayer-vueindex-vuekey"><a href="#switchgraphiclayer-vueindex-vuekey" class="header-anchor">#</a> <span id="switchGraphicLayer"><code>$_switchGraphicLayer(vueIndex, vueKey)</code></span></h3> <blockquote><p>通过 vueKey，vueIndex 来切换 graphicsLayerService 默认对应的 graphicLayer 对象</p></blockquote> <h4 id="参数-3"><a href="#参数-3" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-2"><a href="#返回值-无-2" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-3"><a href="#示例-3" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//切换 GraphicLayer 对象：</span>
74
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的 vueIndex&quot;</span><span class="token punctuation">;</span>
75
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的 vueKey&quot;</span><span class="token punctuation">;</span>
76
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_switchGraphicLayer</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
77
- </code></pre></div><h3 id="startdrawing-options-vueindex-vuekey"><a href="#startdrawing-options-vueindex-vuekey" class="header-anchor">#</a> <span id="startDrawing"><code>$_startDrawing(options, vueIndex, vueKey)</code></span></h3> <blockquote><p>通过绘制参数 options 来绘制要素，可通过 vueIndex，vueKey 来指定要绘制在哪一个 graphicsLayer 图层上</p></blockquote> <h4 id="参数-4"><a href="#参数-4" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td><a href="#drawOptions">options</a></td> <td>Object</td> <td>{}</td> <td>是</td> <td>绘制参数</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h5 id="参数详情-2"><a href="#参数详情-2" class="header-anchor">#</a> 参数详情</h5> <h5 id="options-options参数-2"><a href="#options-options参数-2" class="header-anchor">#</a> <span id="drawOptions"><code>options（options参数）</code></span></h5> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>type</td> <td>String</td> <td>无</td> <td>是</td> <td>绘制类型，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Graphic.html#.graphicType" target="_blank" rel="noopener noreferrer">graphicType(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Graphic.html#.graphicType" target="_blank" rel="noopener noreferrer">Graphic(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>style</td> <td>Object</td> <td>{}</td> <td>是</td> <td>绘制样式，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Style.html" target="_blank" rel="noopener noreferrer">Style(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Style.html" target="_blank" rel="noopener noreferrer">Style(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>editPointStyle</td> <td>Object</td> <td>{}</td> <td>否</td> <td>编辑点样式，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Style.html#.EditPointStyle" target="_blank" rel="noopener noreferrer">Style.EditPointStyle(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Style.html#.EditPointStyle" target="_blank" rel="noopener noreferrer">Style.EditPointStyle(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>attributes</td> <td>Object</td> <td>{}</td> <td>否</td> <td>标绘对象绑定的属性</td></tr> <tr><td>id</td> <td>String</td> <td>无</td> <td>否</td> <td>标绘对象 id</td></tr> <tr><td>name</td> <td>String</td> <td>无</td> <td>否</td> <td>标绘对象名称</td></tr> <tr><td>show</td> <td>Boolean</td> <td>true</td> <td>否</td> <td>是否显示标绘对象</td></tr> <tr><td>isContinued</td> <td>Boolean</td> <td>true</td> <td>否</td> <td>是否连续绘制</td></tr> <tr><td>drawWithHeight</td> <td>Boolean</td> <td>true</td> <td>否</td> <td>是否使用鼠标绘制高度，当为 true 时使用鼠标绘制高度，当为 false 时使用参数设置的统一高度</td></tr> <tr><td>asynchronous</td> <td>Boolean</td> <td>false</td> <td>否</td> <td>默认为阻塞式更新，true 为异步更新，false 为阻塞式更新</td></tr> <tr><td>heading</td> <td>Number</td> <td>0</td> <td>否</td> <td>偏航角，弧度</td></tr> <tr><td>pitch</td> <td>Number</td> <td>0</td> <td>否</td> <td>俯仰角，弧度</td></tr> <tr><td>roll</td> <td>Number</td> <td>0</td> <td>否</td> <td>翻滚角，弧度</td></tr> <tr><td>transformX</td> <td>Number</td> <td>0</td> <td>否</td> <td>局部坐标系 X 方向平移量，单位米，X 方向为纬线方向</td></tr> <tr><td>transformY</td> <td>Number</td> <td>0</td> <td>否</td> <td>局部坐标系 Y 方向平移量，单位米，Y 方向为经线方向</td></tr> <tr><td>transformZ</td> <td>Number</td> <td>0</td> <td>否</td> <td>局部坐标系 Z 方向平移量，单位米，Z 方向为垂直地表方向</td></tr></tbody></table> <h4 id="返回值-无-3"><a href="#返回值-无-3" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-4"><a href="#示例-4" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//设置绘制参数，绘制点</span>
78
- <span class="token keyword">let</span> options <span class="token operator">=</span> <span class="token punctuation">{</span>
79
- <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">&quot;point&quot;</span><span class="token punctuation">,</span> <span class="token comment">//绘制类型</span>
80
- <span class="token literal-property property">style</span><span class="token operator">:</span> <span class="token punctuation">{</span>
81
- <span class="token comment">//绘制样式</span>
82
- <span class="token literal-property property">color</span><span class="token operator">:</span> Cesium<span class="token punctuation">.</span>Color<span class="token punctuation">.</span><span class="token constant">ALICEBLUE</span>
83
- <span class="token punctuation">}</span>
84
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
85
- <span class="token comment">//开始绘制</span>
86
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_startDrawing</span><span class="token punctuation">(</span>options<span class="token punctuation">)</span><span class="token punctuation">;</span>
87
- </code></pre></div><h3 id="stopdrawing-vueindex-vuekey"><a href="#stopdrawing-vueindex-vuekey" class="header-anchor">#</a> <span id="stopDrawing"><code>$_stopDrawing(vueIndex, vueKey)</code></span></h3> <blockquote><p>停止绘制</p></blockquote> <h4 id="参数-5"><a href="#参数-5" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-4"><a href="#返回值-无-4" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-5"><a href="#示例-5" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//停止绘制</span>
88
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_stopDrawing</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
89
- <span class="token comment">//指定一个graphicLayer，停止绘制</span>
90
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
91
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
92
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_stopDrawing</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
93
- </code></pre></div><h3 id="startedit-vueindex-vuekey"><a href="#startedit-vueindex-vuekey" class="header-anchor">#</a> <span id="startEdit"><code>$_startEdit(vueIndex, vueKey)</code></span></h3> <blockquote><p>开始编辑标绘图形对象</p></blockquote> <h4 id="参数-6"><a href="#参数-6" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-5"><a href="#返回值-无-5" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-6"><a href="#示例-6" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//开始编辑</span>
94
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_startEdit</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
95
- <span class="token comment">//指定一个graphicLayer，开始编辑</span>
96
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
97
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
98
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_startEdit</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
99
- </code></pre></div><h3 id="stopedit-vueindex-vuekey"><a href="#stopedit-vueindex-vuekey" class="header-anchor">#</a> <span id="stopEdit"><code>$_stopEdit(vueIndex, vueKey)</code></span></h3> <blockquote><p>停止编辑标绘图形对象</p></blockquote> <h4 id="参数-7"><a href="#参数-7" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-6"><a href="#返回值-无-6" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-7"><a href="#示例-7" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//停止编辑</span>
100
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_stopEdit</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
101
- <span class="token comment">//指定一个graphicLayer，停止编辑</span>
102
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
103
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
104
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_stopEdit</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
105
- </code></pre></div><h3 id="updatestyle-graphic-key-value"><a href="#updatestyle-graphic-key-value" class="header-anchor">#</a> <span id="updateStyle"><code>$_updateStyle(Graphic, key, value)</code></span></h3> <blockquote><p>更新标绘图形对象样式</p></blockquote> <h4 id="参数-8"><a href="#参数-8" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>Graphic</td> <td>Object</td> <td>{}</td> <td>是</td> <td>标绘对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>key</td> <td>String</td> <td>无</td> <td>是</td> <td>样式名</td></tr> <tr><td>value</td> <td>String</td> <td>无</td> <td>是</td> <td>样式值</td></tr></tbody></table> <h4 id="返回值-无-7"><a href="#返回值-无-7" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-8"><a href="#示例-8" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//根据ID获取标绘对象</span>
106
- <span class="token keyword">let</span> Graphic <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicByID</span><span class="token punctuation">(</span><span class="token string">&quot;标绘图形ID&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
107
- <span class="token comment">//设置样式名</span>
108
- <span class="token keyword">let</span> key <span class="token operator">=</span> <span class="token string">&quot;样式名&quot;</span><span class="token punctuation">;</span>
109
- <span class="token comment">//设置样式值</span>
110
- <span class="token keyword">let</span> value <span class="token operator">=</span> <span class="token string">&quot;样式值&quot;</span><span class="token punctuation">;</span>
111
- <span class="token comment">//更新样式</span>
112
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_updateStyle</span><span class="token punctuation">(</span>Graphic<span class="token punctuation">,</span> key<span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
113
- </code></pre></div><h3 id="updatestylebystyle-id-style-vueindex-vuekey"><a href="#updatestylebystyle-id-style-vueindex-vuekey" class="header-anchor">#</a> <span id="updateStyleByStyle"><code>$_updateStyleByStyle(id, style, vueIndex, vueKey)</code></span></h3> <blockquote><p>通过 style 对象，更新标绘图形对象样式，一次可同时更新多个值</p></blockquote> <h4 id="参数-9"><a href="#参数-9" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>id</td> <td>String</td> <td>无</td> <td>是</td> <td>标绘图形对象 ID</td></tr> <tr><td>style</td> <td>Object</td> <td>{}</td> <td>是</td> <td>样式对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Style.html" target="_blank" rel="noopener noreferrer">Style(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Style.html" target="_blank" rel="noopener noreferrer">Style(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-8"><a href="#返回值-无-8" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-9"><a href="#示例-9" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">let</span> Graphic <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicByID</span><span class="token punctuation">(</span><span class="token string">&quot;标绘图形 ID&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
114
- <span class="token keyword">let</span> style <span class="token operator">=</span> <span class="token punctuation">{</span>
115
- <span class="token string-property property">&quot;样式 1&quot;</span><span class="token operator">:</span> <span class="token string">&quot;&quot;</span><span class="token punctuation">,</span>
116
- <span class="token string-property property">&quot;样式 2&quot;</span><span class="token operator">:</span> <span class="token string">&quot;&quot;</span>
117
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
118
- <span class="token comment">//更新样式</span>
119
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">updateStyleByStyle</span><span class="token punctuation">(</span>Graphic<span class="token punctuation">,</span> style<span class="token punctuation">)</span><span class="token punctuation">;</span>
120
- </code></pre></div><h3 id="updatestylebylayer-layer-vueindex-vuekey"><a href="#updatestylebylayer-layer-vueindex-vuekey" class="header-anchor">#</a> <span id="updateStyleByLayer"><code>$_updateStyleByLayer(layer, vueIndex, vueKey)</code></span></h3> <blockquote><p>通过一个标绘图层对象，更新标绘图形对象样式，一次可同时更新多个标绘对象的多个值</p></blockquote> <h4 id="参数-10"><a href="#参数-10" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>layer</td> <td>Object</td> <td>无</td> <td>是</td> <td>标绘图层对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/GraphicsLayer.html" target="_blank" rel="noopener noreferrer">GraphicsLayer(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/GraphicsLayer.html" target="_blank" rel="noopener noreferrer">GraphicsLayer(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-9"><a href="#返回值-无-9" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-10"><a href="#示例-10" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">let</span> layer <span class="token operator">=</span> <span class="token string">&quot;一个标绘图层对象&quot;</span><span class="token punctuation">;</span>
121
- <span class="token keyword">let</span> key <span class="token operator">=</span> <span class="token string">&quot;样式名&quot;</span><span class="token punctuation">;</span>
122
- <span class="token keyword">let</span> value <span class="token operator">=</span> <span class="token string">&quot;样式值&quot;</span><span class="token punctuation">;</span>
123
- <span class="token comment">//更新样式</span>
124
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_updateStyleByLayer</span><span class="token punctuation">(</span>layer<span class="token punctuation">,</span> key<span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
125
- </code></pre></div><h3 id="getgraphicbyid-id-vueindex-vuekey"><a href="#getgraphicbyid-id-vueindex-vuekey" class="header-anchor">#</a> <span id="getGraphicByID"><code>$_getGraphicByID(id, vueIndex, vueKey)</code></span></h3> <blockquote><p>根据 id 获取标绘图形对象</p></blockquote> <h4 id="参数-11"><a href="#参数-11" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>id</td> <td>String</td> <td>无</td> <td>是</td> <td>标绘图形对象 ID</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-2"><a href="#返回值-2" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>graphic</td> <td>Object</td> <td>标绘图形对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="示例-11"><a href="#示例-11" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//根据 id 获取标绘图形对象</span>
126
- <span class="token keyword">let</span> id <span class="token operator">=</span> <span class="token string">&quot;标绘对象 ID&quot;</span><span class="token punctuation">;</span>
127
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicByID</span><span class="token punctuation">(</span>id<span class="token punctuation">)</span><span class="token punctuation">;</span>
128
- </code></pre></div><h3 id="getgraphicbyindex-index-vueindex-vuekey"><a href="#getgraphicbyindex-index-vueindex-vuekey" class="header-anchor">#</a> <span id="getGraphicByIndex"><code>$_getGraphicByIndex(index, vueIndex, vueKey)</code></span></h3> <blockquote><p>根据 index 获取标绘图形对象</p></blockquote> <h4 id="参数-12"><a href="#参数-12" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>index</td> <td>String</td> <td>无</td> <td>是</td> <td>标绘图形对象 index</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-3"><a href="#返回值-3" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>graphic</td> <td>Object</td> <td>标绘图形对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="示例-12"><a href="#示例-12" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//根据 index 获取标绘图形对象</span>
129
- <span class="token keyword">let</span> index <span class="token operator">=</span> <span class="token string">&quot;标绘对象的 index&quot;</span><span class="token punctuation">;</span>
130
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getGraphicByIndex</span><span class="token punctuation">(</span>index<span class="token punctuation">)</span><span class="token punctuation">;</span>
131
- </code></pre></div><h3 id="fromjson-json-vueindex-vuekey"><a href="#fromjson-json-vueindex-vuekey" class="header-anchor">#</a> <span id="fromJson"><code>$_fromJson(json, vueIndex, vueKey)</code></span></h3> <blockquote><p>加载 json 数据</p></blockquote> <h4 id="参数-13"><a href="#参数-13" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td><a href="#json">json</a></td> <td>Object or String</td> <td>无</td> <td>是</td> <td>标绘对象组成的 json 数据</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h5 id="参数详情-3"><a href="#参数详情-3" class="header-anchor">#</a> 参数详情</h5> <h5 id="json-json参数"><a href="#json-json参数" class="header-anchor">#</a> <span id="json"><code>json（json参数）</code></span></h5> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>type</td> <td>String</td> <td>&quot;FeatureCollection&quot;</td> <td>是</td> <td>数据类型，值就是 FeatureCollection，参考 GEOJSON</td></tr> <tr><td>features</td> <td>Array</td> <td>[]</td> <td>是</td> <td>标绘对象数组</td></tr></tbody></table> <h4 id="返回值-无-10"><a href="#返回值-无-10" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-13"><a href="#示例-13" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//通过 json 加载标绘图形对象</span>
132
- <span class="token keyword">let</span> json <span class="token operator">=</span> <span class="token punctuation">{</span>
133
- <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">&quot;FeatureCollection&quot;</span><span class="token punctuation">,</span>
134
- <span class="token literal-property property">features</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span>
135
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
136
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_fromJson</span><span class="token punctuation">(</span>json<span class="token punctuation">)</span><span class="token punctuation">;</span>
137
- </code></pre></div><h3 id="getjsonbyid-id-vueindex-vuekey"><a href="#getjsonbyid-id-vueindex-vuekey" class="header-anchor">#</a> <span id="getJsonById"><code>$_getJsonById(id, vueIndex, vueKey)</code></span></h3> <blockquote><p>通过 id 来获取标绘对象的 json 数据，该对象与 Cesium 解绑，操作该对象，并不会改变标绘对象的属性</p></blockquote> <h4 id="参数-14"><a href="#参数-14" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>id</td> <td>String</td> <td>无</td> <td>是</td> <td>标绘对象的 ID</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-4"><a href="#返回值-4" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>graphic</td> <td>Object</td> <td>标绘图形对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/Graphic.html" target="_blank" rel="noopener noreferrer">Graphic(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="示例-14"><a href="#示例-14" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//通过 id 来获取标绘对象的 json 数据</span>
138
- <span class="token keyword">let</span> id <span class="token operator">=</span> <span class="token string">&quot;标绘对象的 ID&quot;</span><span class="token punctuation">;</span>
139
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getJsonById</span><span class="token punctuation">(</span>id<span class="token punctuation">)</span><span class="token punctuation">;</span>
140
- </code></pre></div><h3 id="tojson-vueindex-vuekey"><a href="#tojson-vueindex-vuekey" class="header-anchor">#</a> <span id="toJSON"><code>$_toJSON(vueIndex, vueKey)</code></span></h3> <blockquote><p>将整个图层导出为 json 数据</p></blockquote> <h4 id="参数-15"><a href="#参数-15" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-5"><a href="#返回值-5" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>graphicsLayer</td> <td>Object</td> <td>标绘图层对象，<a href="http://develop.smaryun.com/docs/other/mapgis-cesium/GraphicsLayer.html" target="_blank" rel="noopener noreferrer">GraphicsLayer(司马云地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，<a href="http://192.168.88.204:8888/Demo/Build/Documentation/GraphicsLayer.html" target="_blank" rel="noopener noreferrer">GraphicsLayer(内网地址)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="示例-15"><a href="#示例-15" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//将默认图层导出为 json 数据</span>
141
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_toJSON</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
142
- <span class="token comment">//将指定图层导出为json数据</span>
143
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
144
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
145
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_toJSON</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
146
- </code></pre></div><h3 id="tofile-datasource-title"><a href="#tofile-datasource-title" class="header-anchor">#</a> <span id="toFile"><code>$_toFile(dataSource, title)</code></span></h3> <blockquote><p>将数据导出为文件</p></blockquote> <h4 id="参数-16"><a href="#参数-16" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>dataSource</td> <td>Any</td> <td>无</td> <td>是</td> <td>要导出的数据</td></tr> <tr><td>title</td> <td>String</td> <td>&quot;无标题&quot;</td> <td>否</td> <td>文件名</td></tr></tbody></table> <h4 id="返回值-无-11"><a href="#返回值-无-11" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-16"><a href="#示例-16" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//将数据导出为文件</span>
147
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_toFile</span><span class="token punctuation">(</span><span class="token string">&quot;你的数据&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;文件名&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
148
- </code></pre></div><h3 id="removeallgraphic-vueindex-vuekey"><a href="#removeallgraphic-vueindex-vuekey" class="header-anchor">#</a> <span id="removeAllGraphic"><code>$_removeAllGraphic(vueIndex, vueKey)</code></span></h3> <blockquote><p>移除该标绘图层下所有标绘对象</p></blockquote> <h4 id="参数-17"><a href="#参数-17" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-6"><a href="#返回值-6" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>isRemove</td> <td>Boolean</td> <td>是否移除成功</td></tr></tbody></table> <h4 id="示例-17"><a href="#示例-17" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//移除默认图层的所有标绘对象</span>
149
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_removeAllGraphic</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
150
- <span class="token comment">//移除指定图层的所有标绘对象</span>
151
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
152
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
153
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_removeAllGraphic</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
154
- </code></pre></div><h3 id="removegraphicbyindex-index-vueindex-vuekey"><a href="#removegraphicbyindex-index-vueindex-vuekey" class="header-anchor">#</a> <span id="removeGraphicByIndex"><code>$_removeGraphicByIndex(index, vueIndex, vueKey)</code></span></h3> <blockquote><p>根据 index 移除选中标绘图形</p></blockquote> <h4 id="参数-18"><a href="#参数-18" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>index</td> <td>Number</td> <td>无</td> <td>是</td> <td>要移除的标绘图形的 index</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-7"><a href="#返回值-7" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>isRemove</td> <td>Boolean</td> <td>是否移除成功</td></tr></tbody></table> <h4 id="示例-18"><a href="#示例-18" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//根据 index，移除默认图层的标绘对象</span>
155
- <span class="token keyword">let</span> index <span class="token operator">=</span> <span class="token string">&quot;标绘对象的 index&quot;</span><span class="token punctuation">;</span>
156
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">removePlottingGraphicByIndex</span><span class="token punctuation">(</span>index<span class="token punctuation">)</span><span class="token punctuation">;</span>
157
- <span class="token comment">//根据 index，移除指定图层的标绘对象</span>
158
- <span class="token keyword">let</span> index <span class="token operator">=</span> <span class="token string">&quot;标绘对象的 index&quot;</span><span class="token punctuation">;</span>
159
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的 vueIndex&quot;</span><span class="token punctuation">;</span>
160
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的 vueKey&quot;</span><span class="token punctuation">;</span>
161
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_removeGraphicByIndex</span><span class="token punctuation">(</span>index<span class="token punctuation">,</span> vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
162
- </code></pre></div><h3 id="removegraphicbyid-id-vueindex-vuekey"><a href="#removegraphicbyid-id-vueindex-vuekey" class="header-anchor">#</a> <span id="removeGraphicByID"><code>$_removeGraphicByID(id, vueIndex, vueKey)</code></span></h3> <blockquote><p>根据 ID 移除选中标绘图形</p></blockquote> <h4 id="参数-19"><a href="#参数-19" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>id</td> <td>String</td> <td>无</td> <td>是</td> <td>要移除的标绘图形的 ID</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-8"><a href="#返回值-8" class="header-anchor">#</a> 返回值</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>描述</th></tr></thead> <tbody><tr><td>isRemove</td> <td>Boolean</td> <td>是否移除成功</td></tr></tbody></table> <h4 id="示例-19"><a href="#示例-19" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//根据 ID，移除默认图层的标绘对象</span>
163
- <span class="token keyword">let</span> <span class="token constant">ID</span> <span class="token operator">=</span> <span class="token string">&quot;标绘对象的 index&quot;</span><span class="token punctuation">;</span>
164
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_removeGraphicByID</span><span class="token punctuation">(</span><span class="token constant">ID</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
165
- <span class="token comment">//根据ID，移除指定图层的标绘对象</span>
166
- <span class="token keyword">let</span> <span class="token constant">ID</span> <span class="token operator">=</span> <span class="token string">&quot;标绘对象的ID&quot;</span><span class="token punctuation">;</span>
167
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
168
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
169
- <span class="token keyword">this</span><span class="token punctuation">.</span>$$$$\<span class="token function">_removeGraphicByID</span><span class="token punctuation">(</span><span class="token constant">ID</span><span class="token punctuation">,</span> vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
170
- </code></pre></div><h3 id="destroy-vueindex-vuekey"><a href="#destroy-vueindex-vuekey" class="header-anchor">#</a> <span id="destroy"><code>$_destroy(vueIndex, vueKey)</code></span></h3> <blockquote><p>销毁整个图层</p></blockquote> <h4 id="参数-20"><a href="#参数-20" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-12"><a href="#返回值-无-12" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-20"><a href="#示例-20" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//销毁当前图层</span>
171
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_destroy</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
172
- <span class="token comment">//销毁指定图层</span>
173
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
174
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
175
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_destroy</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
176
- </code></pre></div><h3 id="getallgraphic-vueindex-vuekey"><a href="#getallgraphic-vueindex-vuekey" class="header-anchor">#</a> <span id="getAllGraphic"><code>$_getAllGraphic(vueIndex, vueKey)</code></span></h3> <blockquote><p>获取该图层下所有标绘图形</p></blockquote> <h4 id="参数-21"><a href="#参数-21" class="header-anchor">#</a> 参数</h4> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>是否必填</th> <th>描述</th></tr></thead> <tbody><tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr> <tr><td>vueKey</td> <td>String</td> <td>无</td> <td>否</td> <td>graphicLayer 的唯一标识，随机生成的数字或字符串</td></tr></tbody></table> <h4 id="返回值-无-13"><a href="#返回值-无-13" class="header-anchor">#</a> 返回值 - 无</h4> <h4 id="示例-21"><a href="#示例-21" class="header-anchor">#</a> 示例</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//获取默认图层的所有标绘图形</span>
177
- <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$_getAllGraphic</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
178
- <span class="token comment">//获取指定图层的所有标绘图形</span>
179
- <span class="token keyword">let</span> vueIndex <span class="token operator">=</span> <span class="token string">&quot;你的vueIndex&quot;</span><span class="token punctuation">;</span>
180
- <span class="token keyword">let</span> vueKey <span class="token operator">=</span> <span class="token string">&quot;你的vueKey&quot;</span><span class="token punctuation">;</span>
181
- <span class="token keyword">this</span><span class="token punctuation">.</span>$$$$\<span class="token function">_getAllGraphic</span><span class="token punctuation">(</span>vueIndex<span class="token punctuation">,</span> vueKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
182
- </code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
183
- ←
184
- <a href="/api/layer/Graphic/GraphicLayer.html" class="prev">
185
- 标绘图层
186
- </a></span> <span class="next"><a href="/api/MapStory/MapStory.html">
187
- 地图故事图层
188
- </a>
189
- →
190
- </span></p></div> </main></div><div class="global-ui"></div></div>
191
- <script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/64.49653893.js" defer></script>
192
- </body>
193
- </html>