@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/OGC/CesiumOgcWmtsLayer.html DELETED
@@ -1,388 +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>OGC WMTS | 中地数码</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/69.51d986bb.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/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/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" aria-current="page" class="active sidebar-link">WMTS</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/layer/OGC/CesiumOgcWmtsLayer.html#属性" class="sidebar-link">属性</a></li><li class="sidebar-sub-header"><a href="/api/layer/OGC/CesiumOgcWmtsLayer.html#事件" class="sidebar-link">事件</a></li><li class="sidebar-sub-header"><a href="/api/layer/OGC/CesiumOgcWmtsLayer.html#示例" class="sidebar-link">示例</a></li></ul></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" 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="ogc-wmts"><a href="#ogc-wmts" class="header-anchor">#</a> OGC WMTS</h1> <blockquote><p>mapgis-3d-ogc-wmts-layer</p></blockquote> <h2 id="属性"><a href="#属性" class="header-anchor">#</a> 属性</h2> <h3 id="baseurl"><a href="#baseurl" class="header-anchor">#</a> <code>baseUrl</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必传</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 服务基地址
38
- <blockquote><p>igs 服务：
39
- http://{ip}:{port}/igs/rest/ogc/WMTSServer <br>
40
- arcgis 服务：
41
- http://219.142.81.85/arcgis/rest/services/20wanHT/MapServer/WMTS <br>
42
- 天地图：
43
- http://t0.tianditu.gov.cn/vec_c/wmts</p></blockquote></li></ul> <h3 id="wmtslayer"><a href="#wmtslayer" class="header-anchor">#</a> <code>wmtsLayer</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必传</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> wmts 标准中的 layer 属性，即图层名称
44
- <blockquote><p>这里以司马云上发布的 WMTS 服务为例，ArcGis 同理，访问http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer?service=WMTS&amp;request=GetCapabilities，获取地图元信息
45
- 这里得到的是一个 XML 文档。<br>
46
- ... <br>
47
- &lt;Layer&gt; <br>
48
- &lt;ows:Title&gt;beijing&lt;/ows:Title&gt; <br>
49
- &lt;ows:Identifier&gt;beijing&lt;/ows:Identifier&gt;//这个值 beijing 就是 wmtsLayer 属性所需要的值 <br>
50
- ... <br>
51
- &lt;/Layer&gt; <br>
52
- ... <br>
53
- 全文搜索&lt;Layer&gt;关键字，在 Layer 下找到&lt;ows:Identifier&gt;属性，里面的值&quot;beijing&quot;就是 wmtsLayer 属性所需要的</p></blockquote></li></ul> <h3 id="tilematrixset"><a href="#tilematrixset" class="header-anchor">#</a> <code>tileMatrixSet</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必传</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> wmts 标准中的 TileMatrixSet 属性，即地图矩阵集合
54
- <blockquote><p>这里以司马云上发布的 WMTS 服务为例，ArcGis 同理，访问http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer?service=WMTS&amp;request=GetCapabilities，获取地图元信息
55
- 这里得到的是一个 XML 文档。<br>
56
- ... <br>
57
- &lt;TileMatrixSet&gt; <br>
58
- &lt;ows:Title&gt;采用 arcgis 计算方式的瓦片块阵集&lt;/ows:Title&gt; <br>
59
- &lt;ows:Abstract&gt;该块阵集使用 arcgis 标准计算的比例尺&lt;/ows:Abstract&gt; <br>
60
- &lt;ows:Identifier&gt;EPSG:4326<em>北京市_arcgis_GB&lt;/ows:Identifier&gt;//这个值 EPSG:4326</em>北京市<em>arcgis_GB 就是 TileMatrixSet 属性所需要的值 <br>
61
- &lt;ows:SupportedCRS&gt;urn:ogc:def:crs:EPSG::4326&lt;/ows:SupportedCRS&gt; <br>
62
- &lt;WellKnownScaleSet&gt;urn:ogc:def:wkss:OGC:1.0:GoogleCRS84Quad&lt;/WellKnownScaleSet&gt; <br>
63
- ... <br>
64
- &lt;TileMatrixSet&gt; <br>
65
- ... <br>
66
- 全文搜索&lt;TileMatrixSet&gt;关键字，在&lt;TileMatrixSet&gt;下找到&lt;ows:Identifier&gt;属性，里面的值&quot;EPSG:4326</em>北京市_arcgis_GB&quot;就是 tileMatrixSet 属性所需要的</p></blockquote></li></ul> <h3 id="format"><a href="#format" class="header-anchor">#</a> <code>format</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必传</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> wmts 标准中的 format 属性，即请求的图片的返回格式
67
- <blockquote><p>这里以司马云上发布的 WMTS 服务为例，ArcGis 同理，访问http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer?service=WMTS&amp;request=GetCapabilities，获取地图元信息
68
- 这里得到的是一个 XML 文档。 <br>
69
- ... <br>
70
- &lt;Format&gt;image/png&lt;/Format&gt; <br>
71
- ... <br>
72
- 全文搜索&lt;Format&gt;关键字，里面的值&quot;image/png&quot;就是 format 属性所需要的</p></blockquote></li></ul> <h3 id="tilingscheme"><a href="#tilingscheme" class="header-anchor">#</a> <code>tilingScheme</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必传</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> Cesium 的瓦片切图方式，目前支持如下值：
73
- <blockquote><p>经纬度方式请填写:EPSG:4326 <br>
74
- web 墨卡托方式请填写:EPSG:3857</p></blockquote></li></ul> <h3 id="wmtsstyle"><a href="#wmtsstyle" class="header-anchor">#</a> <code>wmtsStyle</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>默认值:</strong> <code>default</code></li> <li><strong>必传</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> wmts 标准中的 style 属性，即地图样式
75
- <blockquote><p>这里以司马云上发布的 WMTS 服务为例，ArcGis 同理，访问http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer?service=WMTS&amp;request=GetCapabilities，获取地图元信息
76
- 这里得到的是一个 XML 文档。 <br>
77
- ... <br>
78
- &lt;Style isDefault=&quot;true&quot;&gt; <br>
79
- &lt;ows:Title&gt;Default Style&lt;/ows:Title&gt; <br>
80
- &lt;ows:Identifier&gt;default&lt;/ows:Identifier&gt;//里面的&quot;default&quot;就是 wmtsStyle 的值 <br>
81
- &lt;/Style&gt; <br>
82
- ... <br>
83
- 全文搜索 Style 关键字，地图可以有多个 style，这里以 default，默认值为例，在&lt;Style isDefault=&quot;true&quot;&gt;下找到&lt;ows:Identifier&gt;属性，里面的&quot;default&quot;就是 wmtsStyle 的值</p></blockquote></li></ul> <h3 id="layerstyle"><a href="#layerstyle" class="header-anchor">#</a> <code>layerStyle</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> 控制地图的显隐、透明度以及顺序，有如下值：
84
- <blockquote><p>visible Boolean 控制图层显示或隐藏，不会重新加载图层，true：显示图层、fales：隐藏图层 <br>
85
- opacity Number 控制图层透明度，会重新加载图层，0 - 1 之间的数字，0：隐藏，1：显示 <br>
86
- zIndex Number 控制图层顺序，会重新加载图层，类似 css 里面的 z-index，从 1 开始的数字 <br></p></blockquote></li></ul> <h3 id="id"><a href="#id" class="header-anchor">#</a> <code>id</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> 图层唯一标识符，如果不传，以 vueIndex 代替</li></ul> <h3 id="options"><a href="#options" class="header-anchor">#</a> <code>options</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> Cesium 的进阶参数，另外不属于 cesium 的如下参数也在 options 中：
87
- <blockquote><p>vueKey String 默认值 default 该 key 的主要作用市用来记录 Cesium 的 Source,primitive, entity 的内存中的引用数组的引用，从而避免 vue 对 cesium 的内存劫持 <br>
88
- vueIndex String 默认值(Math.random() * 100000000).toFixed(0) 该 key 的主要作用市用来记录 Cesium 的 Source,primitive, entity 的内存中的引用数组的引用，从而避免 vue 对 cesium 的内存劫持</p></blockquote></li> <li><strong>参考:</strong> <br> <code>Cesium的WMTS参数</code> in <a href="http://develop.smaryun.com:8899/docs/other/mapgis-cesium/WebMapTileServiceImageryProvider.html?classFilter=web" target="_blank" rel="noopener noreferrer">WebMapTileServiceImageryProvider<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></li></ul> <h3 id="vuekey"><a href="#vuekey" class="header-anchor">#</a> <code>vueKey</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>默认值:</strong> <code>default</code></li> <li><strong>描述:</strong> <blockquote><p>mapgis-web-scene 组件的 ID，当使用多个 mapgis-web-scene 组件时，需要指定该值，来唯一标识 mapgis-web-scene 组件， <br>
89
- 同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey，让组件知道应该作用于哪一个 mapgis-web-scene。</p></blockquote></li></ul> <h3 id="vueindex"><a href="#vueindex" class="header-anchor">#</a> <code>vueIndex</code></h3> <ul><li><strong>类型:</strong> <code>Number</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> <blockquote><p>当 mapgis-web-scene 插槽中使用了多个相同组件时，例如多个 mapgis-3d-igs-doc-layer 组件，用来区分组件的标识符。</p></blockquote></li></ul> <h3 id="token"><a href="#token" class="header-anchor">#</a> <code>token</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> token 信息
90
- <blockquote><p>要传 token 时，请以如下方式传递 <br>
91
- 天地图: <br>
92
- token:{ <br>
93
- key: &quot;tk&quot;, <br>
94
- value: &quot;9c157e9585486c02edf817d2ecbc7752&quot; <br>
95
- } <br>
96
- igs 以及其他: <br>
97
- token:{ <br>
98
- key: &quot;token&quot;, <br>
99
- value: &quot;9c157e9585486c02edf817d2ecbc7752&quot; <br>
100
- }</p></blockquote></li></ul> <h2 id="事件"><a href="#事件" class="header-anchor">#</a> 事件</h2> <h3 id="load"><a href="#load" class="header-anchor">#</a> <code>@load</code></h3> <ul><li><strong>描述:</strong> 图层加载完成事件</li> <li><strong>返回值</strong> <code>{ layer,vue }</code> <br> <code>layer</code> 图层对象 <br> <code>vue</code> vue 对象 <br></li></ul> <h3 id="unload"><a href="#unload" class="header-anchor">#</a> <code>@unload</code></h3> <ul><li><strong>描述:</strong> 图层注销事件</li> <li><strong>返回值</strong> <code>{ vue }</code> <br> <code>vue</code> vue 对象 <br></li></ul> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h2> <h3 id="加载天地图"><a href="#加载天地图" class="header-anchor">#</a> 加载天地图</h3> <div data-config="" data-type="vue" data-code="%3Ctemplate%3E%0A%20%20%3Cmapgis-web-scene%3E%0A%20%20%20%20%3Cmapgis-3d-ogc-wmts-layer%0A%20%20%20%20%20%20%3AbaseUrl%3D%22baseUrl%22%0A%20%20%20%20%20%20%3AwmtsLayer%3D%22wmtsLayer%22%0A%20%20%20%20%20%20%3AtileMatrixSet%3D%22tileMatrixSet%22%0A%20%20%20%20%20%20%3AtilingScheme%3D%22tilingScheme%22%0A%20%20%20%20%20%20%3Aformat%3D%22format%22%0A%20%20%20%20%20%20%3Atoken%3D%22token%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fmapgis-web-scene%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%3E%0Aexport%20default%20%7B%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%2F%2F%E5%A4%A9%E5%9C%B0%E5%9B%BE%E5%9C%B0%E5%9D%80%0A%20%20%20%20%20%20baseUrl%3A%20%22http%3A%2F%2Ft0.tianditu.gov.cn%2Fvec_c%2Fwmts%22%2C%0A%20%20%20%20%20%20%2F%2FCesium%E7%9A%84%E7%93%A6%E7%89%87%E5%88%87%E5%9B%BE%E6%96%B9%E5%BC%8F%0A%20%20%20%20%20%20tilingScheme%3A%20%22EPSG%3A4326%22%2C%0A%20%20%20%20%20%20%2F%2F%E5%9C%B0%E5%9B%BE%E7%9A%84%E7%93%A6%E7%89%87%E7%9F%A9%E9%98%B5%E9%9B%86%E5%90%88%0A%20%20%20%20%20%20tileMatrixSet%3A%20%22c%22%2C%0A%20%20%20%20%20%20%2F%2F%E5%9B%BE%E5%B1%82%E5%90%8D%E7%A7%B0%0A%20%20%20%20%20%20wmtsLayer%3A%20%22vec%22%2C%0A%20%20%20%20%20%20%2F%2F%E8%BF%94%E5%9B%9E%E6%A0%BC%E5%BC%8F%0A%20%20%20%20%20%20format%3A%20%22tiles%22%2C%0A%20%20%20%20%20%20%2F%2Ftoken%E4%BF%A1%E6%81%AF%0A%20%20%20%20%20%20token%3A%20%7B%0A%20%20%20%20%20%20%20%20key%3A%20%22tk%22%2C%0A%20%20%20%20%20%20%20%20value%3A%20%229c157e9585486c02edf817d2ecbc7752%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%3B%0A%20%20%7D%0A%7D%3B%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20lang%3D%22css%22%3E%0A.main%20%7B%0A%20%20height%3A%20600px%3B%0A%20%20width%3A%20100%25%3B%0A%7D%0A%3C%2Fstyle%3E%0A" class="vuepress-plugin-demo-block__wrapper" style="display:none;"><div class="vuepress-plugin-demo-block__display"><div class="vuepress-plugin-demo-block__app"></div></div> <div class="vuepress-plugin-demo-block__code"><div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
101
- <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>
102
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
103
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>baseUrl<span class="token punctuation">&quot;</span></span>
104
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>wmtsLayer<span class="token punctuation">&quot;</span></span>
105
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSet<span class="token punctuation">&quot;</span></span>
106
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingScheme<span class="token punctuation">&quot;</span></span>
107
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
108
- <span class="token attr-name">:token</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>token<span class="token punctuation">&quot;</span></span>
109
- <span class="token punctuation">/&gt;</span></span>
110
- <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>
111
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
112
-
113
- <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">
114
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
115
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
116
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
117
- <span class="token comment">//天地图地址</span>
118
- <span class="token literal-property property">baseUrl</span><span class="token operator">:</span> <span class="token string">&quot;http://t0.tianditu.gov.cn/vec_c/wmts&quot;</span><span class="token punctuation">,</span>
119
- <span class="token comment">//Cesium的瓦片切图方式</span>
120
- <span class="token literal-property property">tilingScheme</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326&quot;</span><span class="token punctuation">,</span>
121
- <span class="token comment">//地图的瓦片矩阵集合</span>
122
- <span class="token literal-property property">tileMatrixSet</span><span class="token operator">:</span> <span class="token string">&quot;c&quot;</span><span class="token punctuation">,</span>
123
- <span class="token comment">//图层名称</span>
124
- <span class="token literal-property property">wmtsLayer</span><span class="token operator">:</span> <span class="token string">&quot;vec&quot;</span><span class="token punctuation">,</span>
125
- <span class="token comment">//返回格式</span>
126
- <span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">&quot;tiles&quot;</span><span class="token punctuation">,</span>
127
- <span class="token comment">//token信息</span>
128
- <span class="token literal-property property">token</span><span class="token operator">:</span> <span class="token punctuation">{</span>
129
- <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&quot;tk&quot;</span><span class="token punctuation">,</span>
130
- <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">&quot;9c157e9585486c02edf817d2ecbc7752&quot;</span>
131
- <span class="token punctuation">}</span>
132
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
133
- <span class="token punctuation">}</span>
134
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
135
- </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>
136
-
137
- <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 class="token language-css">
138
- <span class="token selector">.main</span> <span class="token punctuation">{</span>
139
- <span class="token property">height</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span>
140
- <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
141
- <span class="token punctuation">}</span>
142
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
143
- </code></pre></div></div> <div class="vuepress-plugin-demo-block__footer"></div></div> <h3 id="加载-wmts-地图-igs-4326"><a href="#加载-wmts-地图-igs-4326" class="header-anchor">#</a> 加载 WMTS 地图 - IGS - 4326</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
144
- <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>
145
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
146
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>baseUrl<span class="token punctuation">&quot;</span></span>
147
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>wmtsLayer<span class="token punctuation">&quot;</span></span>
148
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSet<span class="token punctuation">&quot;</span></span>
149
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingScheme<span class="token punctuation">&quot;</span></span>
150
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
151
- <span class="token punctuation">/&gt;</span></span>
152
- <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>
153
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
154
-
155
- <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">
156
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
157
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
158
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
159
- <span class="token comment">//服务基地址</span>
160
- <span class="token literal-property property">baseUrl</span><span class="token operator">:</span>
161
- <span class="token string">&quot;http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer&quot;</span><span class="token punctuation">,</span>
162
- <span class="token comment">//图层名称</span>
163
- <span class="token literal-property property">wmtsLayer</span><span class="token operator">:</span> <span class="token string">&quot;beijing&quot;</span><span class="token punctuation">,</span>
164
- <span class="token comment">//地图的瓦片矩阵集合</span>
165
- <span class="token literal-property property">tileMatrixSet</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326_北京市_028mm_GB&quot;</span><span class="token punctuation">,</span>
166
- <span class="token comment">//Cesium的瓦片切图方式</span>
167
- <span class="token literal-property property">tilingScheme</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326&quot;</span><span class="token punctuation">,</span>
168
- <span class="token comment">//返回格式</span>
169
- <span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">&quot;image/png&quot;</span>
170
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
171
- <span class="token punctuation">}</span>
172
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
173
- </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>
174
-
175
- <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 class="token language-css">
176
- <span class="token selector">.main</span> <span class="token punctuation">{</span>
177
- <span class="token property">height</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span>
178
- <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
179
- <span class="token punctuation">}</span>
180
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
181
- </code></pre></div><h3 id="加载-wmts-地图-arcgis-3857"><a href="#加载-wmts-地图-arcgis-3857" class="header-anchor">#</a> 加载 WMTS 地图 - ArcGis - 3857</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
182
- <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>
183
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
184
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>baseUrl<span class="token punctuation">&quot;</span></span>
185
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>wmtsLayer<span class="token punctuation">&quot;</span></span>
186
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSet<span class="token punctuation">&quot;</span></span>
187
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingScheme<span class="token punctuation">&quot;</span></span>
188
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
189
- <span class="token punctuation">/&gt;</span></span>
190
- <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>
191
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
192
-
193
- <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">
194
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
195
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
196
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
197
- <span class="token comment">//服务基地址</span>
198
- <span class="token literal-property property">baseUrl</span><span class="token operator">:</span>
199
- <span class="token string">&quot;http://219.142.81.85/arcgis/rest/services/矿产地数据库2019/ferrous_metal/MapServer/WMTS&quot;</span><span class="token punctuation">,</span>
200
- <span class="token comment">//图层名称</span>
201
- <span class="token literal-property property">wmtsLayer</span><span class="token operator">:</span> <span class="token string">&quot;矿产地数据库2019_ferrous_metal&quot;</span><span class="token punctuation">,</span>
202
- <span class="token comment">//地图的瓦片矩阵集合</span>
203
- <span class="token literal-property property">tileMatrixSet</span><span class="token operator">:</span> <span class="token string">&quot;default028mm&quot;</span><span class="token punctuation">,</span>
204
- <span class="token comment">//Cesium的瓦片切图方式</span>
205
- <span class="token literal-property property">tilingScheme</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326&quot;</span><span class="token punctuation">,</span>
206
- <span class="token comment">//返回格式</span>
207
- <span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">&quot;image/png&quot;</span>
208
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
209
- <span class="token punctuation">}</span>
210
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
211
- </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>
212
-
213
- <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 class="token language-css">
214
- <span class="token selector">.main</span> <span class="token punctuation">{</span>
215
- <span class="token property">height</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span>
216
- <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
217
- <span class="token punctuation">}</span>
218
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
219
- </code></pre></div><h3 id="控制可见性-控制透明度-以及改变图层顺序"><a href="#控制可见性-控制透明度-以及改变图层顺序" class="header-anchor">#</a> 控制可见性，控制透明度，以及改变图层顺序</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
220
- <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>
221
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
222
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>baseUrl<span class="token punctuation">&quot;</span></span>
223
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>wmtsLayer<span class="token punctuation">&quot;</span></span>
224
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSet<span class="token punctuation">&quot;</span></span>
225
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingScheme<span class="token punctuation">&quot;</span></span>
226
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
227
- <span class="token punctuation">/&gt;</span></span>
228
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
229
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>baseUrl2<span class="token punctuation">&quot;</span></span>
230
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>wmtsLayer2<span class="token punctuation">&quot;</span></span>
231
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSet2<span class="token punctuation">&quot;</span></span>
232
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingScheme2<span class="token punctuation">&quot;</span></span>
233
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
234
- <span class="token attr-name">:layerStyle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>layerStyle2<span class="token punctuation">&quot;</span></span>
235
- <span class="token punctuation">/&gt;</span></span>
236
- <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>
237
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>add<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>button</span><span class="token punctuation">&gt;</span></span>
238
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>isShow<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>button</span><span class="token punctuation">&gt;</span></span>
239
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>changeOpacity<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>button</span><span class="token punctuation">&gt;</span></span>
240
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>changeIndex<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>button</span><span class="token punctuation">&gt;</span></span>
241
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
242
-
243
- <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">
244
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
245
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
246
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
247
- <span class="token comment">//服务基地址</span>
248
- <span class="token literal-property property">baseUrl</span><span class="token operator">:</span>
249
- <span class="token string">&quot;http://develop.smaryun.com:6163/igs/rest/ogc/WORLDMKTTILE2/WMTSServer&quot;</span><span class="token punctuation">,</span>
250
- <span class="token comment">//图层名称</span>
251
- <span class="token literal-property property">wmtsLayer</span><span class="token operator">:</span> <span class="token string">&quot;WORLDMKTTILE2&quot;</span><span class="token punctuation">,</span>
252
- <span class="token comment">//地图的瓦片矩阵集合</span>
253
- <span class="token literal-property property">tileMatrixSet</span><span class="token operator">:</span> <span class="token string">&quot;GoogleMapsCompatible_GB&quot;</span><span class="token punctuation">,</span>
254
- <span class="token comment">//返回格式</span>
255
- <span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">&quot;image/png&quot;</span><span class="token punctuation">,</span>
256
- <span class="token comment">//样式信息</span>
257
- <span class="token literal-property property">layerStyle</span><span class="token operator">:</span> <span class="token punctuation">{</span>
258
- <span class="token literal-property property">visible</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token comment">//是否显示图层</span>
259
- <span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token comment">//图层透明度</span>
260
- <span class="token literal-property property">zIndex</span><span class="token operator">:</span> <span class="token number">105</span> <span class="token comment">//图层zIndex，与css里的zIndex类似</span>
261
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
262
- <span class="token comment">//服务基地址</span>
263
- <span class="token literal-property property">baseUrl2</span><span class="token operator">:</span>
264
- <span class="token string">&quot;http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer&quot;</span><span class="token punctuation">,</span>
265
- <span class="token comment">//图层名称</span>
266
- <span class="token literal-property property">wmtsLayer2</span><span class="token operator">:</span> <span class="token string">&quot;beijing&quot;</span><span class="token punctuation">,</span>
267
- <span class="token comment">//地图的瓦片矩阵集合</span>
268
- <span class="token literal-property property">tileMatrixSet2</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326_北京市_028mm_GB&quot;</span><span class="token punctuation">,</span>
269
- <span class="token comment">//Cesium的瓦片切图方式</span>
270
- <span class="token literal-property property">tilingScheme</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326&quot;</span><span class="token punctuation">,</span>
271
- <span class="token comment">//样式信息</span>
272
- <span class="token literal-property property">layerStyle2</span><span class="token operator">:</span> <span class="token punctuation">{</span>
273
- <span class="token literal-property property">zIndex</span><span class="token operator">:</span> <span class="token number">50</span>
274
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
275
- <span class="token comment">//是否显示图层</span>
276
- <span class="token literal-property property">show</span><span class="token operator">:</span> <span class="token boolean">false</span>
277
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
278
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
279
- <span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
280
- <span class="token function">add</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
281
- <span class="token comment">//通过v-if方式添加一个地图</span>
282
- <span class="token keyword">this</span><span class="token punctuation">.</span>show <span class="token operator">=</span> <span class="token operator">!</span><span class="token keyword">this</span><span class="token punctuation">.</span>show<span class="token punctuation">;</span>
283
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
284
- <span class="token function">isShow</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
285
- <span class="token comment">//地图的显示或隐藏，会重新加载地图</span>
286
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>visible <span class="token operator">=</span> <span class="token operator">!</span><span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>visible<span class="token punctuation">;</span>
287
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
288
- <span class="token function">changeOpacity</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
289
- <span class="token comment">//地图的透明度选项，不会重新加载地图</span>
290
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>opacity <span class="token operator">=</span> <span class="token number">0.5</span><span class="token punctuation">;</span>
291
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
292
- <span class="token function">changeIndex</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
293
- <span class="token comment">//更改地图顺序</span>
294
- <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>zIndex <span class="token operator">===</span> <span class="token number">105</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
295
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>zIndex <span class="token operator">=</span> <span class="token number">10</span><span class="token punctuation">;</span>
296
- <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
297
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyle<span class="token punctuation">.</span>zIndex <span class="token operator">=</span> <span class="token number">105</span><span class="token punctuation">;</span>
298
- <span class="token punctuation">}</span>
299
- <span class="token punctuation">}</span>
300
- <span class="token punctuation">}</span>
301
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
302
- </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>
303
-
304
- <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 class="token language-css">
305
- <span class="token selector">.main</span> <span class="token punctuation">{</span>
306
- <span class="token property">height</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span>
307
- <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
308
- <span class="token punctuation">}</span>
309
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
310
- </code></pre></div><h3 id="多个-mapgis-web-scene"><a href="#多个-mapgis-web-scene" class="header-anchor">#</a> 多个 mapgis-web-scene</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
311
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-web-scene</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 punctuation">&gt;</span></span>
312
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-ogc-wmts-layer</span>
313
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>urlWmts<span class="token punctuation">&quot;</span></span>
314
- <span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>layerWmts<span class="token punctuation">&quot;</span></span>
315
- <span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tileMatrixSetWmts<span class="token punctuation">&quot;</span></span>
316
- <span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>tilingSchemeWmts<span class="token punctuation">&quot;</span></span>
317
- <span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>format<span class="token punctuation">&quot;</span></span>
318
- <span class="token attr-name">:token</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>token<span class="token punctuation">&quot;</span></span>
319
- <span class="token attr-name">:layerStyle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>layerStyleWmts<span class="token punctuation">&quot;</span></span>
320
- <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>
321
- <span class="token punctuation">/&gt;</span></span>
322
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-3d-igs-doc-layer</span>
323
- <span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>urlDoc<span class="token punctuation">&quot;</span></span>
324
- <span class="token attr-name">:layers</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>layers<span class="token punctuation">&quot;</span></span>
325
- <span class="token attr-name">:layerStyle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>layerStyleDoc<span class="token punctuation">&quot;</span></span>
326
- <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>
327
- <span class="token punctuation">/&gt;</span></span>
328
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>changeIndex<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>button</span><span class="token punctuation">&gt;</span></span>
329
- <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>
330
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapgis-web-scene</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>vueKey2<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
331
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
332
-
333
- <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">
334
- <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
335
- <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
336
- <span class="token keyword">return</span> <span class="token punctuation">{</span>
337
- <span class="token comment">//要加载的url</span>
338
- <span class="token literal-property property">urlWmts</span><span class="token operator">:</span> <span class="token string">&quot;http://t0.tianditu.gov.cn/vec_c/wmts&quot;</span><span class="token punctuation">,</span>
339
- <span class="token comment">//天地图就传空值</span>
340
- <span class="token literal-property property">layerWmts</span><span class="token operator">:</span> <span class="token string">&quot;vec&quot;</span><span class="token punctuation">,</span>
341
- <span class="token literal-property property">tileMatrixSetWmts</span><span class="token operator">:</span> <span class="token string">&quot;c&quot;</span><span class="token punctuation">,</span>
342
- <span class="token comment">//空间参考系</span>
343
- <span class="token literal-property property">tilingSchemeWmts</span><span class="token operator">:</span> <span class="token string">&quot;EPSG:4326&quot;</span><span class="token punctuation">,</span>
344
- <span class="token comment">//返回格式</span>
345
- <span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">&quot;tiles&quot;</span><span class="token punctuation">,</span>
346
- <span class="token comment">//token信息</span>
347
- <span class="token literal-property property">token</span><span class="token operator">:</span> <span class="token punctuation">{</span>
348
- <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&quot;tk&quot;</span><span class="token punctuation">,</span>
349
- <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">&quot;9c157e9585486c02edf817d2ecbc7752&quot;</span>
350
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
351
- <span class="token literal-property property">layerStyleWmts</span><span class="token operator">:</span> <span class="token punctuation">{</span>
352
- <span class="token literal-property property">zIndex</span><span class="token operator">:</span> <span class="token number">100</span>
353
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
354
- <span class="token comment">//要加载的url</span>
355
- <span class="token literal-property property">urlDoc</span><span class="token operator">:</span> <span class="token string">&quot;http://localhost:6163/igs/rest/mrms/docs/武汉_专题图_4328&quot;</span><span class="token punctuation">,</span>
356
- <span class="token comment">//要显示的子图层</span>
357
- <span class="token literal-property property">layers</span><span class="token operator">:</span> <span class="token string">&quot;show:1,2&quot;</span><span class="token punctuation">,</span>
358
- <span class="token comment">//mapgis-web-scene的Id，组件唯一标识，多个图层时用来查找webGlobe</span>
359
- <span class="token literal-property property">vueKey</span><span class="token operator">:</span> <span class="token string">&quot;vueKeyOne&quot;</span><span class="token punctuation">,</span>
360
- <span class="token literal-property property">vueKey2</span><span class="token operator">:</span> <span class="token string">&quot;vueKeyTwo&quot;</span><span class="token punctuation">,</span>
361
- <span class="token literal-property property">layerStyleDoc</span><span class="token operator">:</span> <span class="token punctuation">{</span>
362
- <span class="token literal-property property">zIndex</span><span class="token operator">:</span> <span class="token number">1000</span>
363
- <span class="token punctuation">}</span>
364
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
365
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
366
- <span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
367
- <span class="token function">changeIndex</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
368
- <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>layerStyleDoc<span class="token punctuation">.</span>zIndex <span class="token operator">===</span> <span class="token number">1000</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
369
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyleDoc<span class="token punctuation">.</span>zIndex <span class="token operator">=</span> <span class="token number">50</span><span class="token punctuation">;</span>
370
- <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
371
- <span class="token keyword">this</span><span class="token punctuation">.</span>layerStyleDoc<span class="token punctuation">.</span>zIndex <span class="token operator">=</span> <span class="token number">1000</span><span class="token punctuation">;</span>
372
- <span class="token punctuation">}</span>
373
- <span class="token punctuation">}</span>
374
- <span class="token punctuation">}</span>
375
- <span class="token punctuation">}</span><span class="token punctuation">;</span>
376
- </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>
377
- </code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
378
- ←
379
- <a href="/api/layer/OGC/CesiumOgcWmsLayer.html" class="prev">
380
- WMS
381
- </a></span> <span class="next"><a href="/api/layer/vectortile/vectortile.html">
382
- 矢量瓦片
383
- </a>
384
- →
385
- </span></p></div> </main></div><div class="global-ui"></div></div>
386
- <script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/69.51d986bb.js" defer></script>
387
- </body>
388
- </html>