@mapgis/webclient-vue-cesium 17.2.0 → 17.2.1

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 (245) hide show
  1. package/dist-libs/webclient-vue-cesium.common.js +137 -137
  2. package/dist-libs/webclient-vue-cesium.umd.js +137 -137
  3. package/package.json +1 -1
  4. package/dist-docs/404.html +0 -26
  5. package/dist-docs/api/MapStory/MapStory.html +0 -74
  6. package/dist-docs/api/Overlay/Echarts.html +0 -211
  7. package/dist-docs/api/Overlay/GraphThemeLayer.html +0 -95
  8. package/dist-docs/api/Overlay/Mapv.html +0 -150
  9. package/dist-docs/api/Overlay/ParticleEffects.html +0 -207
  10. package/dist-docs/api/Overlay/ThemeLayerCustom.html +0 -122
  11. package/dist-docs/api/analysis/Aspect.html +0 -217
  12. package/dist-docs/api/analysis/Bim.html +0 -106
  13. package/dist-docs/api/analysis/Buffer.html +0 -161
  14. package/dist-docs/api/analysis/Contour.html +0 -218
  15. package/dist-docs/api/analysis/CutFill.html +0 -225
  16. package/dist-docs/api/analysis/DynamicCutting.html +0 -188
  17. package/dist-docs/api/analysis/DynamicSection.html +0 -258
  18. package/dist-docs/api/analysis/Excavate.html +0 -101
  19. package/dist-docs/api/analysis/Fill.html +0 -191
  20. package/dist-docs/api/analysis/Flood.html +0 -240
  21. package/dist-docs/api/analysis/HeightLimited.html +0 -106
  22. package/dist-docs/api/analysis/Household.html +0 -112
  23. package/dist-docs/api/analysis/Overlay.html +0 -127
  24. package/dist-docs/api/analysis/Profile.html +0 -352
  25. package/dist-docs/api/analysis/ProjectorManager.html +0 -391
  26. package/dist-docs/api/analysis/ProjectorSetting.html +0 -154
  27. package/dist-docs/api/analysis/Shadow.html +0 -106
  28. package/dist-docs/api/analysis/Sightline.html +0 -96
  29. package/dist-docs/api/analysis/Skyline.html +0 -152
  30. package/dist-docs/api/analysis/Slope.html +0 -217
  31. package/dist-docs/api/analysis/ViewpointManager.html +0 -108
  32. package/dist-docs/api/analysis/Viewshed.html +0 -98
  33. package/dist-docs/api/datasource/geojson.html +0 -52
  34. package/dist-docs/api/index.html +0 -54
  35. package/dist-docs/api/layer/3DPlot/Plot.html +0 -85
  36. package/dist-docs/api/layer/3DPlot/PlotAnimation.html +0 -178
  37. package/dist-docs/api/layer/3DPlot/PlotLayer.html +0 -189
  38. package/dist-docs/api/layer/3DPlot/PlotLink.html +0 -137
  39. package/dist-docs/api/layer/ArcGISServer/ArcGISMapLayer.html +0 -177
  40. package/dist-docs/api/layer/ArcGISServer/ArcGISTileLayer.html +0 -98
  41. package/dist-docs/api/layer/Geojson/geojson.html +0 -352
  42. package/dist-docs/api/layer/Graphic/GraphicLayer.html +0 -99
  43. package/dist-docs/api/layer/Graphic/GraphicLayerService.html +0 -193
  44. package/dist-docs/api/layer/IGServer/IgsDocLayer.html +0 -195
  45. package/dist-docs/api/layer/IGServer/IgsDynamicLayer.html +0 -81
  46. package/dist-docs/api/layer/IGServer/IgsFeatureLayer.html +0 -157
  47. package/dist-docs/api/layer/IGServer/IgsTileLayer.html +0 -72
  48. package/dist-docs/api/layer/OGC/CesiumOgcWfsLayer.html +0 -117
  49. package/dist-docs/api/layer/OGC/CesiumOgcWmsLayer.html +0 -322
  50. package/dist-docs/api/layer/OGC/CesiumOgcWmtsLayer.html +0 -388
  51. package/dist-docs/api/layer/PopupMixin/popup.html +0 -301
  52. package/dist-docs/api/layer/Tileset/tileset.html +0 -60
  53. package/dist-docs/api/layer/m3d/m3d.html +0 -68
  54. package/dist-docs/api/layer/m3d/scene.html +0 -65
  55. package/dist-docs/api/layer/marker/DynamicMarker.html +0 -63
  56. package/dist-docs/api/layer/vectortile/vectortile.html +0 -58
  57. package/dist-docs/api/provider/igsterrain.html +0 -52
  58. package/dist-docs/api/sceneeffect/SceneSetting.html +0 -216
  59. package/dist-docs/api/sceneeffect/fogeffect.html +0 -113
  60. package/dist-docs/api/sceneeffect/pathroaming.html +0 -241
  61. package/dist-docs/api/sceneeffect/raineffect.html +0 -124
  62. package/dist-docs/api/sceneeffect/sceneroaming.html +0 -131
  63. package/dist-docs/api/sceneeffect/snoweffect.html +0 -103
  64. package/dist-docs/api/service/comprehensiveQuery/comprehensiveQuery.html +0 -206
  65. package/dist-docs/api/simulation/BuildingGrow.html +0 -79
  66. package/dist-docs/api/simulation/CityGrow.html +0 -84
  67. package/dist-docs/api/simulation/PondingSimulation.html +0 -120
  68. package/dist-docs/api/ui/compare.html +0 -75
  69. package/dist-docs/api/ui/debug.html +0 -51
  70. package/dist-docs/api/ui/draw.html +0 -122
  71. package/dist-docs/api/ui/images/popupfeature.html +0 -58
  72. package/dist-docs/api/ui/legend.html +0 -70
  73. package/dist-docs/api/ui/link.html +0 -91
  74. package/dist-docs/api/ui/locate.html +0 -91
  75. package/dist-docs/api/ui/marker.html +0 -48
  76. package/dist-docs/api/ui/measure.html +0 -223
  77. package/dist-docs/api/ui/outputimage.html +0 -47
  78. package/dist-docs/api/ui/popup.html +0 -48
  79. package/dist-docs/api/ui/popupfeature.html +0 -48
  80. package/dist-docs/api/ui/rotate.html +0 -90
  81. package/dist-docs/api/ui/statebar.html +0 -49
  82. package/dist-docs/api/ui/table.html +0 -243
  83. package/dist-docs/assets/css/0.styles.cb8abb08.css +0 -1
  84. package/dist-docs/assets/img/Wms.aadc425f.png +0 -0
  85. package/dist-docs/assets/img/arcgis-wmsserver.6c13bece.png +0 -0
  86. package/dist-docs/assets/img/bim.7e20ff81.png +0 -0
  87. package/dist-docs/assets/img/bim_collapse.1cadabeb.png +0 -0
  88. package/dist-docs/assets/img/bim_disable_bim.5028b8e6.png +0 -0
  89. package/dist-docs/assets/img/bim_enable_bim.bcba6335.png +0 -0
  90. package/dist-docs/assets/img/bim_open.b3d32504.png +0 -0
  91. package/dist-docs/assets/img/card.b0528dea.png +0 -0
  92. package/dist-docs/assets/img/cesium_dist.bd34c270.png +0 -0
  93. package/dist-docs/assets/img/cloudisk.31a0f7a2.png +0 -0
  94. package/dist-docs/assets/img/custom_popup_list.6eda8057.png +0 -0
  95. package/dist-docs/assets/img/custom_popup_tips.7bfbfd71.png +0 -0
  96. package/dist-docs/assets/img/debug.3092e258.png +0 -0
  97. package/dist-docs/assets/img/destop_house_1.575e045a.png +0 -0
  98. package/dist-docs/assets/img/destop_house_2.2073f920.png +0 -0
  99. package/dist-docs/assets/img/dynamicmarker.ce31938a.png +0 -0
  100. package/dist-docs/assets/img/house.82f7b807.png +0 -0
  101. package/dist-docs/assets/img/house_collapse.ff7c97a3.png +0 -0
  102. package/dist-docs/assets/img/house_layers.40588763.png +0 -0
  103. package/dist-docs/assets/img/igs_house.17ccedc3.png +0 -0
  104. package/dist-docs/assets/img/igs_vertex.69dbefdf.png +0 -0
  105. package/dist-docs/assets/img/img.89931892.png +0 -0
  106. package/dist-docs/assets/img/img_1.ea78b5ed.png +0 -0
  107. package/dist-docs/assets/img/img_10.7d2345ef.png +0 -0
  108. package/dist-docs/assets/img/img_2.d1236814.png +0 -0
  109. package/dist-docs/assets/img/img_3.fdad2ce3.png +0 -0
  110. package/dist-docs/assets/img/img_4.8dccaf99.png +0 -0
  111. package/dist-docs/assets/img/img_5.79a92838.png +0 -0
  112. package/dist-docs/assets/img/img_6.a48e76fe.png +0 -0
  113. package/dist-docs/assets/img/img_7.6a283273.png +0 -0
  114. package/dist-docs/assets/img/img_8.cc8bea6e.png +0 -0
  115. package/dist-docs/assets/img/mapgis-wmsserver.d02125e4.png +0 -0
  116. package/dist-docs/assets/img/maximumScreenSpaceError.0fe18df9.png +0 -0
  117. package/dist-docs/assets/img/minzoom-error.48ffbfc0.png +0 -0
  118. package/dist-docs/assets/img/rich-text.a733d89d.png +0 -0
  119. package/dist-docs/assets/img/scene_layer_1.6e06850f.png +0 -0
  120. package/dist-docs/assets/img/scene_layer_2.0abf41a1.png +0 -0
  121. package/dist-docs/assets/img/scene_layer_3.2ab58bc9.png +0 -0
  122. package/dist-docs/assets/img/scene_layer_4.c0e72cc4.png +0 -0
  123. package/dist-docs/assets/img/scene_layer_5.8839cbfd.png +0 -0
  124. package/dist-docs/assets/img/scene_layer_6.75a04a7e.png +0 -0
  125. package/dist-docs/assets/img/scene_layer_7.c930b15f.png +0 -0
  126. package/dist-docs/assets/img/search.83621669.svg +0 -1
  127. package/dist-docs/assets/img/selects.d7266d1e.png +0 -0
  128. package/dist-docs/assets/img/table.0f6e7d4b.png +0 -0
  129. package/dist-docs/assets/img/terrain_load.446f8cf4.png +0 -0
  130. package/dist-docs/assets/img/webclient-vue-cesium.dd9fbfdb.png +0 -0
  131. package/dist-docs/assets/js/10.fc57b0cc.js +0 -1
  132. package/dist-docs/assets/js/11.b954f99c.js +0 -1
  133. package/dist-docs/assets/js/12.021e39ab.js +0 -1
  134. package/dist-docs/assets/js/13.12df77fa.js +0 -1
  135. package/dist-docs/assets/js/14.6410454b.js +0 -1
  136. package/dist-docs/assets/js/15.c58479e4.js +0 -1
  137. package/dist-docs/assets/js/16.89ac43ea.js +0 -1
  138. package/dist-docs/assets/js/17.12bdd16a.js +0 -1
  139. package/dist-docs/assets/js/18.147c4f98.js +0 -1
  140. package/dist-docs/assets/js/19.0709d65f.js +0 -1
  141. package/dist-docs/assets/js/20.21dca636.js +0 -1
  142. package/dist-docs/assets/js/21.500530ac.js +0 -1
  143. package/dist-docs/assets/js/22.bb0aef6b.js +0 -1
  144. package/dist-docs/assets/js/23.a0938f08.js +0 -1
  145. package/dist-docs/assets/js/24.aa88ed0c.js +0 -1
  146. package/dist-docs/assets/js/25.4413f608.js +0 -1
  147. package/dist-docs/assets/js/26.b483463c.js +0 -1
  148. package/dist-docs/assets/js/27.6da60763.js +0 -1
  149. package/dist-docs/assets/js/28.78599c3a.js +0 -1
  150. package/dist-docs/assets/js/29.7f9684c8.js +0 -1
  151. package/dist-docs/assets/js/3.8682ab0b.js +0 -1
  152. package/dist-docs/assets/js/30.54f01c2b.js +0 -1
  153. package/dist-docs/assets/js/31.3e576068.js +0 -1
  154. package/dist-docs/assets/js/32.c9d0fbdf.js +0 -1
  155. package/dist-docs/assets/js/33.8f1d3741.js +0 -1
  156. package/dist-docs/assets/js/34.c48ccae5.js +0 -1
  157. package/dist-docs/assets/js/35.4ada564d.js +0 -1
  158. package/dist-docs/assets/js/36.9cdac935.js +0 -1
  159. package/dist-docs/assets/js/37.6ce6e255.js +0 -1
  160. package/dist-docs/assets/js/38.646f1573.js +0 -1
  161. package/dist-docs/assets/js/39.7c961c85.js +0 -1
  162. package/dist-docs/assets/js/4.4f953d91.js +0 -1
  163. package/dist-docs/assets/js/40.35fa1e67.js +0 -1
  164. package/dist-docs/assets/js/41.3b676499.js +0 -1
  165. package/dist-docs/assets/js/42.dd312491.js +0 -1
  166. package/dist-docs/assets/js/43.1afb12de.js +0 -1
  167. package/dist-docs/assets/js/44.bb43f598.js +0 -1
  168. package/dist-docs/assets/js/45.95ceff91.js +0 -1
  169. package/dist-docs/assets/js/46.4b671f73.js +0 -1
  170. package/dist-docs/assets/js/47.b39f812f.js +0 -1
  171. package/dist-docs/assets/js/48.aa61dd8a.js +0 -1
  172. package/dist-docs/assets/js/49.ee9115b1.js +0 -1
  173. package/dist-docs/assets/js/5.7798a6a9.js +0 -1
  174. package/dist-docs/assets/js/50.b46939d1.js +0 -1
  175. package/dist-docs/assets/js/51.7c343687.js +0 -1
  176. package/dist-docs/assets/js/52.742b94da.js +0 -1
  177. package/dist-docs/assets/js/53.eadbdc82.js +0 -1
  178. package/dist-docs/assets/js/54.b66efd7e.js +0 -1
  179. package/dist-docs/assets/js/55.8b2ad292.js +0 -1
  180. package/dist-docs/assets/js/56.9228eb8b.js +0 -1
  181. package/dist-docs/assets/js/57.b32c37af.js +0 -1
  182. package/dist-docs/assets/js/58.c1dce768.js +0 -1
  183. package/dist-docs/assets/js/59.95a3d9b7.js +0 -1
  184. package/dist-docs/assets/js/6.d575c9be.js +0 -1
  185. package/dist-docs/assets/js/60.53ca7494.js +0 -1
  186. package/dist-docs/assets/js/61.1febb4f5.js +0 -1
  187. package/dist-docs/assets/js/62.55ce28a0.js +0 -1
  188. package/dist-docs/assets/js/63.9df33434.js +0 -1
  189. package/dist-docs/assets/js/64.49653893.js +0 -1
  190. package/dist-docs/assets/js/65.edd48589.js +0 -1
  191. package/dist-docs/assets/js/66.0b45dbdc.js +0 -1
  192. package/dist-docs/assets/js/67.046a33b8.js +0 -1
  193. package/dist-docs/assets/js/68.bba7f139.js +0 -1
  194. package/dist-docs/assets/js/69.51d986bb.js +0 -1
  195. package/dist-docs/assets/js/7.4a6090da.js +0 -1
  196. package/dist-docs/assets/js/70.430801c6.js +0 -1
  197. package/dist-docs/assets/js/71.a4878f03.js +0 -1
  198. package/dist-docs/assets/js/72.04809b4d.js +0 -1
  199. package/dist-docs/assets/js/73.f00574ad.js +0 -1
  200. package/dist-docs/assets/js/74.1147a818.js +0 -1
  201. package/dist-docs/assets/js/75.5a6aa718.js +0 -1
  202. package/dist-docs/assets/js/76.05fa29a4.js +0 -1
  203. package/dist-docs/assets/js/77.6f266332.js +0 -1
  204. package/dist-docs/assets/js/78.af0bb05c.js +0 -1
  205. package/dist-docs/assets/js/79.d701c8a6.js +0 -1
  206. package/dist-docs/assets/js/8.e1110673.js +0 -1
  207. package/dist-docs/assets/js/80.0ddf54d9.js +0 -1
  208. package/dist-docs/assets/js/81.7b9946be.js +0 -1
  209. package/dist-docs/assets/js/82.b9b55001.js +0 -1
  210. package/dist-docs/assets/js/83.8665b982.js +0 -1
  211. package/dist-docs/assets/js/84.d86c5980.js +0 -1
  212. package/dist-docs/assets/js/85.5c4a89a2.js +0 -1
  213. package/dist-docs/assets/js/86.3b79f966.js +0 -1
  214. package/dist-docs/assets/js/87.94eb00ff.js +0 -1
  215. package/dist-docs/assets/js/88.cd7374cc.js +0 -1
  216. package/dist-docs/assets/js/89.f6eac417.js +0 -1
  217. package/dist-docs/assets/js/9.e0c77bdc.js +0 -1
  218. package/dist-docs/assets/js/90.54c09a11.js +0 -1
  219. package/dist-docs/assets/js/91.a5fde22d.js +0 -1
  220. package/dist-docs/assets/js/92.e6343876.js +0 -1
  221. package/dist-docs/assets/js/93.63edc1e3.js +0 -1
  222. package/dist-docs/assets/js/94.ee242da0.js +0 -1
  223. package/dist-docs/assets/js/95.6662977f.js +0 -1
  224. package/dist-docs/assets/js/96.e5e6257b.js +0 -1
  225. package/dist-docs/assets/js/97.7ba8c8b7.js +0 -1
  226. package/dist-docs/assets/js/98.4474a97c.js +0 -1
  227. package/dist-docs/assets/js/99.0ca2f58f.js +0 -1
  228. package/dist-docs/assets/js/app.86648983.js +0 -12
  229. package/dist-docs/assets/js/vendors~docsearch.f387753e.js +0 -3
  230. package/dist-docs/favicon.ico +0 -0
  231. package/dist-docs/guide/basemap.html +0 -93
  232. package/dist-docs/guide/customComponent.html +0 -276
  233. package/dist-docs/guide/index.html +0 -59
  234. package/dist-docs/guide/introduction.html +0 -48
  235. package/dist-docs/guide/markers&popups.html +0 -168
  236. package/dist-docs/guide/quickStart.html +0 -102
  237. package/dist-docs/guide/wms&map&doc.html +0 -43
  238. package/dist-docs/index.html +0 -46
  239. package/dist-docs/logo.svg +0 -7
  240. package/dist-docs/plugin_components/create_storybook.html +0 -198
  241. package/dist-docs/plugin_components/index.html +0 -70
  242. package/dist-docs/plugin_components/plugin_components_development.html +0 -199
  243. package/dist-docs/version/1_84.html +0 -63
  244. package/dist-docs/version/diff.html +0 -40
  245. package/dist-docs/version/version.html +0 -52
package/dist-docs/api/layer/3DPlot/Plot.html DELETED
@@ -1,85 +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>PlotLayer | 中地数码</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/57.b32c37af.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/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/64.49653893.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" class="sidebar-link">标绘图层-工具类</a></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" aria-current="page" class="active sidebar-link">行业标绘绘制组件</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/Plot.html#缩略图" class="sidebar-link">缩略图</a></li><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/Plot.html#属性" class="sidebar-link">属性</a></li><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/Plot.html#示例" class="sidebar-link"></a></li></ul></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="plotlayer"><a href="#plotlayer" class="header-anchor">#</a> PlotLayer</h1> <blockquote><p>mapgis-3d-plot <br>
38
- 行业标绘的编辑和绘制组件
39
- <a href="#example">点此跳转到示例</a></p></blockquote> <h2 id="缩略图"><a href="#缩略图" class="header-anchor">#</a> 缩略图</h2> <p><img src="plot.png" alt="plot.png"></p> <h2 id="属性"><a href="#属性" class="header-anchor">#</a> 属性</h2> <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>plotLayer 的唯一标识，随机生成的数字或字符串，不传则自动生成</td> <td>否</td></tr> <tr><td>vueKey</td> <td>String</td> <td>'default'</td> <td>cesium 球体的唯一标识，默认值 default，当分屏时使用此对象标识多个球体</td> <td>否</td></tr></tbody></table> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> <span id="example">示例</span></h2> <div class="language-vue extra-class"><pre class="language-vue"><code>
40
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
41
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-web-scene</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token value css language-css"><span class="token property">height</span><span class="token punctuation">:</span>95vh</span><span class="token punctuation">&quot;</span></span></span><span class="token punctuation">&gt;</span></span>
42
- <span class="token comment">&lt;!--当图层加载完毕时，才显示，该组件依赖行业标绘图层组件--&gt;</span>
43
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-plot</span> <span class="token attr-name">:vueIndex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueIndex<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:vueKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueKey<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueIndex &amp;&amp; vueKey<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
44
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-plot-layer</span> <span class="token attr-name">@loaded</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>handleLoaded<span class="token punctuation">&quot;</span></span>
45
- <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>dataSource<span class="token punctuation">&quot;</span></span>
46
- <span class="token attr-name">:vueIndex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueIndex<span class="token punctuation">&quot;</span></span>
47
- <span class="token attr-name">:vueKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueKey<span class="token punctuation">&quot;</span></span>
48
- <span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mapgis-3d-plot-layer</span><span class="token punctuation">&gt;</span></span>
49
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mapgis-web-scene</span><span class="token punctuation">&gt;</span></span>
50
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
51
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
52
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
53
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
54
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
55
- <span class="token comment">//行业标绘图层数据源</span>
56
- <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token string">&quot;&quot;</span><span class="token punctuation">,</span>
57
- <span class="token comment">//vueIndex，用来获取标绘图层</span>
58
- <span class="token literal-property property">vueIndex</span><span class="token operator">:</span> <span class="token keyword">undefined</span><span class="token punctuation">,</span>
59
- <span class="token comment">//vueKey，用来获取标绘图层</span>
60
- <span class="token literal-property property">vueKey</span><span class="token operator">:</span> <span class="token keyword">undefined</span>
61
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
62
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
63
- <span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
64
- <span class="token comment">//图层加载完毕事件</span>
65
- <span class="token function">handleLoaded</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
66
- <span class="token comment">//返回vueIndex以及vueKey</span>
67
- <span class="token keyword">this</span><span class="token punctuation">.</span>vueIndex <span class="token operator">=</span> e<span class="token punctuation">.</span>vueIndex<span class="token punctuation">;</span>
68
- <span class="token keyword">this</span><span class="token punctuation">.</span>vueKey <span class="token operator">=</span> e<span class="token punctuation">.</span>vueKey<span class="token punctuation">;</span>
69
- <span class="token punctuation">}</span>
70
- <span class="token punctuation">}</span>
71
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
72
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
73
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token style"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
74
- </code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
75
- ←
76
- <a href="/api/layer/3DPlot/PlotLayer.html" class="prev">
77
- 行业标绘图层
78
- </a></span> <span class="next"><a href="/api/layer/3DPlot/PlotAnimation.html">
79
- 态势推演组件
80
- </a>
81
- →
82
- </span></p></div> </main></div><div class="global-ui"></div></div>
83
- <script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/57.b32c37af.js" defer></script>
84
- </body>
85
- </html>
package/dist-docs/api/layer/3DPlot/PlotAnimation.html DELETED
@@ -1,178 +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>PlotAnimation | 中地数码</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/58.c1dce768.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/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/64.49653893.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" class="sidebar-link">标绘图层-工具类</a></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" aria-current="page" class="active sidebar-link">态势推演组件</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/PlotAnimation.html#缩略图" class="sidebar-link">缩略图</a></li><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/PlotAnimation.html#属性" class="sidebar-link">属性</a></li><li class="sidebar-sub-header"><a href="/api/layer/3DPlot/PlotAnimation.html#示例" class="sidebar-link"></a></li></ul></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="plotanimation"><a href="#plotanimation" class="header-anchor">#</a> PlotAnimation</h1> <blockquote><p>mapgis-3d-plot-animation <br>
38
- 态势推演组件
39
- <a href="#example">点此跳转到示例</a></p></blockquote> <h2 id="缩略图"><a href="#缩略图" class="header-anchor">#</a> 缩略图</h2> <p><img src="plotAnimation.png" alt="plotAnimation.png"></p> <h2 id="属性"><a href="#属性" class="header-anchor">#</a> 属性</h2> <table><thead><tr><th>名称</th> <th>类型</th> <th>默认值</th> <th>描述</th> <th>是否监听</th></tr></thead> <tbody><tr><td>data</td> <td>String or Object or Array</td> <td>随机数</td> <td>动画数据，可以为动画数据的url，单个动画配置对象，或者多个动画配置组成的数组</td> <td>是</td></tr> <tr><td>vueIndex</td> <td>String or Number</td> <td>随机数</td> <td>plotLayer 的唯一标识，随机生成的数字或字符串，不传则自动生成</td> <td>否</td></tr> <tr><td>vueKey</td> <td>String</td> <td>'default'</td> <td>cesium 球体的唯一标识，默认值 default，当分屏时使用此对象标识多个球体</td> <td>否</td></tr></tbody></table> <h3 id="data"><a href="#data" class="header-anchor">#</a> <span id="data">data</span></h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">//单个动画配置对象</span>
40
- <span class="token keyword">let</span> data <span class="token operator">=</span> <span class="token punctuation">{</span>
41
- <span class="token comment">//脚本名称</span>
42
- <span class="token string-property property">&quot;timeLineName&quot;</span><span class="token operator">:</span> <span class="token string">&quot;脚本测试&quot;</span><span class="token punctuation">,</span>
43
- <span class="token comment">//动画配置</span>
44
- <span class="token string-property property">&quot;animations&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span>
45
- <span class="token punctuation">{</span>
46
- <span class="token comment">//闪烁动画</span>
47
- <span class="token comment">//动画类型，attribute-animation：属性动画，grow-animation：生长动画</span>
48
- <span class="token comment">//visible-animation：显隐动画，blink-animation：闪烁动画，</span>
49
- <span class="token comment">//scale-animation：比例动画，path-animation：路径动画</span>
50
- <span class="token string-property property">&quot;animationType&quot;</span><span class="token operator">:</span> <span class="token string">&quot;blink-animation&quot;</span><span class="token punctuation">,</span>
51
- <span class="token comment">//持续时间</span>
52
- <span class="token string-property property">&quot;duration&quot;</span><span class="token operator">:</span> <span class="token number">1000</span><span class="token punctuation">,</span>
53
- <span class="token comment">//要执行动画的标绘图元ID，多个ID以逗号分隔</span>
54
- <span class="token string-property property">&quot;featureIds&quot;</span><span class="token operator">:</span> <span class="token string">&quot;d1a27f94-51b6-44e9-9bbf-02e607d963e9&quot;</span><span class="token punctuation">,</span>
55
- <span class="token comment">//动画名称</span>
56
- <span class="token string-property property">&quot;animationName&quot;</span><span class="token operator">:</span> <span class="token string">&quot;某xx进攻路线_闪烁动画&quot;</span><span class="token punctuation">,</span>
57
- <span class="token comment">//描述时间的不均匀变化，Linear：平滑，Sine：正弦，Circ：圆，Bounce：反弹</span>
58
- <span class="token string-property property">&quot;easing&quot;</span><span class="token operator">:</span> <span class="token string">&quot;Linear&quot;</span><span class="token punctuation">,</span>
59
- <span class="token comment">//动画开始时间延迟，单位毫秒</span>
60
- <span class="token string-property property">&quot;delay&quot;</span><span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
61
- <span class="token comment">//动画结束时间延迟，单位毫秒</span>
62
- <span class="token string-property property">&quot;endDelay&quot;</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
63
- <span class="token comment">//动画循环播放次数</span>
64
- <span class="token string-property property">&quot;loop&quot;</span><span class="token operator">:</span> <span class="token number">500</span><span class="token punctuation">,</span>
65
- <span class="token comment">//动画整体延迟，单位毫秒</span>
66
- <span class="token string-property property">&quot;timelineOffset&quot;</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
67
- <span class="token comment">//闪烁时的颜色，颜色数组数量任意</span>
68
- <span class="token string-property property">&quot;blinkColors&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">&quot;#000000&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#ff0000&quot;</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
69
- <span class="token comment">//闪烁时颜色是否会进行渐变，例如，闪烁颜色设置为红蓝，isBlinkGrad设为否，</span>
70
- <span class="token comment">//则颜色仅会进行红蓝亮色变化，设为true则是红色到蓝色的渐变</span>
71
- <span class="token string-property property">&quot;isBlinkGrad&quot;</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
72
- <span class="token comment">//闪烁完成后事显示还是隐藏，true为显示，false为隐藏</span>
73
- <span class="token string-property property">&quot;endStatus&quot;</span><span class="token operator">:</span> <span class="token boolean">true</span>
74
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
75
- <span class="token punctuation">{</span>
76
- <span class="token comment">//路径动画</span>
77
- <span class="token comment">//参数同上，仅允许点类型添加</span>
78
- <span class="token operator">...</span><span class="token punctuation">,</span>
79
- <span class="token comment">//绑在路径上的点符号ID，多个点符号以逗号分隔</span>
80
- <span class="token string-property property">&quot;symbolBindId&quot;</span><span class="token operator">:</span> <span class="token string">&quot;25843cca-bd01-4585-8209-1da41166c83a&quot;</span><span class="token punctuation">,</span>
81
- <span class="token comment">//路径点</span>
82
- <span class="token string-property property">&quot;animationCoords&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
83
- <span class="token comment">//是否显示路径</span>
84
- <span class="token string-property property">&quot;showPath&quot;</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
85
- <span class="token comment">//路径样式，参考SVG样式</span>
86
- <span class="token string-property property">&quot;pathStyle&quot;</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token string-property property">&quot;fill&quot;</span><span class="token operator">:</span> <span class="token string">&quot;none&quot;</span><span class="token punctuation">,</span> <span class="token string-property property">&quot;strokeStyle&quot;</span><span class="token operator">:</span> <span class="token string">&quot;#00ff00&quot;</span><span class="token punctuation">,</span> <span class="token string-property property">&quot;lineWidth&quot;</span><span class="token operator">:</span> <span class="token number">5</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
87
- <span class="token comment">//开始比例，即路径开始位置，[0~1],默认0</span>
88
- <span class="token string-property property">&quot;startPathRate&quot;</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
89
- <span class="token comment">//结束比例，即路径结束位置，[0~1],默认1</span>
90
- <span class="token string-property property">&quot;endPathRate&quot;</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
91
- <span class="token comment">//路径类型，目前仅有一个值spline：贝塞尔曲线，可不填</span>
92
- <span class="token string-property property">&quot;pathType&quot;</span><span class="token operator">:</span> <span class="token string">&quot;spline&quot;</span>
93
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
94
- <span class="token punctuation">{</span>
95
- <span class="token comment">//生长动画，参数同上</span>
96
- <span class="token operator">...</span><span class="token punctuation">,</span>
97
- <span class="token comment">//开始比例，即生长动画开始比例，[0~1],默认0</span>
98
- <span class="token string-property property">&quot;startRate&quot;</span><span class="token operator">:</span> <span class="token number">0.15</span><span class="token punctuation">,</span>
99
- <span class="token comment">//结束比例，即生长动画结束比例，[0~1],默认0</span>
100
- <span class="token string-property property">&quot;endRate&quot;</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
101
- <span class="token comment">//生长模式，spline：线性生长，center：中心生长</span>
102
- <span class="token string-property property">&quot;growMode&quot;</span><span class="token operator">:</span> <span class="token string">&quot;spline&quot;</span>
103
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
104
- <span class="token punctuation">{</span>
105
- <span class="token comment">//比例动画，参数同上</span>
106
- <span class="token operator">...</span><span class="token punctuation">,</span>
107
- <span class="token comment">//比例动画放大缩小系数，即开始为1倍放大到两倍，缩小至1倍，最后放大到15倍</span>
108
- <span class="token comment">//时间不是平均分配的，例如总时长16秒，则1~2为1秒，2~1为1秒，1~15为14秒</span>
109
- <span class="token string-property property">&quot;scaleRateArr&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">15</span><span class="token punctuation">]</span>
110
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
111
- <span class="token punctuation">{</span>
112
- <span class="token comment">//属性动画，参数同上</span>
113
- <span class="token operator">...</span><span class="token punctuation">,</span>
114
- <span class="token comment">//以某个样式属性进行动画</span>
115
- <span class="token comment">//这里以线颜色为例，attrName指定了在属性strokeStyle的基础上进行属性动画</span>
116
- <span class="token comment">//ids指定了要给哪一个标绘图元进行属性动画，可附加多个图元ID，以逗号分隔</span>
117
- <span class="token comment">//value表明了颜色会从#ff0000渐变为#cccccc，最后渐变为#ff0000</span>
118
- <span class="token comment">//每个渐变同样不是平均分配的，会将颜色转换为数字，在根据间隔值，计算渐变时间</span>
119
- <span class="token string-property property">&quot;attrsItem&quot;</span><span class="token operator">:</span><span class="token punctuation">{</span>
120
- <span class="token string-property property">&quot;attrName&quot;</span><span class="token operator">:</span><span class="token string">&quot;strokeStyle&quot;</span><span class="token punctuation">,</span>
121
- <span class="token string-property property">&quot;ids&quot;</span><span class="token operator">:</span><span class="token string">&quot;path2578&quot;</span><span class="token punctuation">,</span>
122
- <span class="token string-property property">&quot;value&quot;</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token string">&quot;#ff0000&quot;</span><span class="token punctuation">,</span><span class="token string">&quot;#cccccc&quot;</span><span class="token punctuation">,</span><span class="token string">&quot;#ff0000&quot;</span><span class="token punctuation">]</span>
123
- <span class="token punctuation">}</span>
124
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
125
- <span class="token punctuation">{</span>
126
- <span class="token comment">//显隐动画，参数同上</span>
127
- <span class="token operator">...</span><span class="token punctuation">,</span>
128
- <span class="token comment">//显隐动画完成后事显示还是隐藏，true为显示，false为隐藏</span>
129
- <span class="token string-property property">&quot;endStatus&quot;</span><span class="token operator">:</span> <span class="token boolean">false</span>
130
- <span class="token punctuation">}</span>
131
- <span class="token punctuation">]</span>
132
- <span class="token punctuation">}</span>
133
- </code></pre></div><h3 id="动画时间示意图"><a href="#动画时间示意图" class="header-anchor">#</a> 动画时间示意图</h3> <p><img src="plotAnimationDelay.png" alt="plotAnimationDelay.png"></p> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> <span id="example">示例</span></h2> <div class="language-vue extra-class"><pre class="language-vue"><code>
134
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
135
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-web-scene</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token value css language-css"><span class="token property">height</span><span class="token punctuation">:</span>95vh</span><span class="token punctuation">&quot;</span></span></span><span class="token punctuation">&gt;</span></span>
136
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-plot-layer</span> <span class="token attr-name">@loaded</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>handleLoaded<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>dataSource<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:symbolUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>symbolUrl<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mapgis-3d-plot-layer</span><span class="token punctuation">&gt;</span></span>
137
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-plot-</span> <span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>data<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:vueIndex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueIndex<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:vueKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueKey<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>vueKey &amp;&amp; vueKey<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
138
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mapgis-web-scene</span><span class="token punctuation">&gt;</span></span>
139
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
140
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
141
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
142
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
143
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
144
- <span class="token comment">//行业标绘图层数据源</span>
145
- <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token string">&quot;&quot;</span><span class="token punctuation">,</span>
146
- <span class="token comment">//vueIndex，用来获取标绘图层</span>
147
- <span class="token literal-property property">vueIndex</span><span class="token operator">:</span> <span class="token keyword">undefined</span><span class="token punctuation">,</span>
148
- <span class="token comment">//vueKey，用来获取标绘图层</span>
149
- <span class="token literal-property property">vueKey</span><span class="token operator">:</span> <span class="token keyword">undefined</span><span class="token punctuation">,</span>
150
- <span class="token comment">//符号配置的URL</span>
151
- <span class="token literal-property property">symbolUrl</span><span class="token operator">:</span> <span class="token string">&quot;&quot;</span><span class="token punctuation">,</span>
152
- <span class="token comment">//态势推演配置文件</span>
153
- <span class="token literal-property property">data</span><span class="token operator">:</span> data
154
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
155
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
156
- <span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
157
- <span class="token comment">//图层加载完毕事件</span>
158
- <span class="token function">handleLoaded</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
159
- <span class="token comment">//返回vueIndex以及vueKey</span>
160
- <span class="token keyword">this</span><span class="token punctuation">.</span>vueIndex <span class="token operator">=</span> e<span class="token punctuation">.</span>vueIndex<span class="token punctuation">;</span>
161
- <span class="token keyword">this</span><span class="token punctuation">.</span>vueKey <span class="token operator">=</span> e<span class="token punctuation">.</span>vueKey<span class="token punctuation">;</span>
162
- <span class="token punctuation">}</span>
163
- <span class="token punctuation">}</span>
164
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
165
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
166
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token style"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
167
- </code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
168
- ←
169
- <a href="/api/layer/3DPlot/Plot.html" class="prev">
170
- 行业标绘绘制组件
171
- </a></span> <span class="next"><a href="/api/layer/3DPlot/PlotLink.html">
172
- 行业标绘二三维联动
173
- </a>
174
- →
175
- </span></p></div> </main></div><div class="global-ui"></div></div>
176
- <script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/58.c1dce768.js" defer></script>
177
- </body>
178
- </html>