@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.
- package/dist-libs/webclient-vue-cesium.common.js +137 -137
- package/dist-libs/webclient-vue-cesium.umd.js +137 -137
- package/package.json +1 -1
- package/dist-docs/404.html +0 -26
- package/dist-docs/api/MapStory/MapStory.html +0 -74
- package/dist-docs/api/Overlay/Echarts.html +0 -211
- package/dist-docs/api/Overlay/GraphThemeLayer.html +0 -95
- package/dist-docs/api/Overlay/Mapv.html +0 -150
- package/dist-docs/api/Overlay/ParticleEffects.html +0 -207
- package/dist-docs/api/Overlay/ThemeLayerCustom.html +0 -122
- package/dist-docs/api/analysis/Aspect.html +0 -217
- package/dist-docs/api/analysis/Bim.html +0 -106
- package/dist-docs/api/analysis/Buffer.html +0 -161
- package/dist-docs/api/analysis/Contour.html +0 -218
- package/dist-docs/api/analysis/CutFill.html +0 -225
- package/dist-docs/api/analysis/DynamicCutting.html +0 -188
- package/dist-docs/api/analysis/DynamicSection.html +0 -258
- package/dist-docs/api/analysis/Excavate.html +0 -101
- package/dist-docs/api/analysis/Fill.html +0 -191
- package/dist-docs/api/analysis/Flood.html +0 -240
- package/dist-docs/api/analysis/HeightLimited.html +0 -106
- package/dist-docs/api/analysis/Household.html +0 -112
- package/dist-docs/api/analysis/Overlay.html +0 -127
- package/dist-docs/api/analysis/Profile.html +0 -352
- package/dist-docs/api/analysis/ProjectorManager.html +0 -391
- package/dist-docs/api/analysis/ProjectorSetting.html +0 -154
- package/dist-docs/api/analysis/Shadow.html +0 -106
- package/dist-docs/api/analysis/Sightline.html +0 -96
- package/dist-docs/api/analysis/Skyline.html +0 -152
- package/dist-docs/api/analysis/Slope.html +0 -217
- package/dist-docs/api/analysis/ViewpointManager.html +0 -108
- package/dist-docs/api/analysis/Viewshed.html +0 -98
- package/dist-docs/api/datasource/geojson.html +0 -52
- package/dist-docs/api/index.html +0 -54
- package/dist-docs/api/layer/3DPlot/Plot.html +0 -85
- package/dist-docs/api/layer/3DPlot/PlotAnimation.html +0 -178
- package/dist-docs/api/layer/3DPlot/PlotLayer.html +0 -189
- package/dist-docs/api/layer/3DPlot/PlotLink.html +0 -137
- package/dist-docs/api/layer/ArcGISServer/ArcGISMapLayer.html +0 -177
- package/dist-docs/api/layer/ArcGISServer/ArcGISTileLayer.html +0 -98
- package/dist-docs/api/layer/Geojson/geojson.html +0 -352
- package/dist-docs/api/layer/Graphic/GraphicLayer.html +0 -99
- package/dist-docs/api/layer/Graphic/GraphicLayerService.html +0 -193
- package/dist-docs/api/layer/IGServer/IgsDocLayer.html +0 -195
- package/dist-docs/api/layer/IGServer/IgsDynamicLayer.html +0 -81
- package/dist-docs/api/layer/IGServer/IgsFeatureLayer.html +0 -157
- package/dist-docs/api/layer/IGServer/IgsTileLayer.html +0 -72
- package/dist-docs/api/layer/OGC/CesiumOgcWfsLayer.html +0 -117
- package/dist-docs/api/layer/OGC/CesiumOgcWmsLayer.html +0 -322
- package/dist-docs/api/layer/OGC/CesiumOgcWmtsLayer.html +0 -388
- package/dist-docs/api/layer/PopupMixin/popup.html +0 -301
- package/dist-docs/api/layer/Tileset/tileset.html +0 -60
- package/dist-docs/api/layer/m3d/m3d.html +0 -68
- package/dist-docs/api/layer/m3d/scene.html +0 -65
- package/dist-docs/api/layer/marker/DynamicMarker.html +0 -63
- package/dist-docs/api/layer/vectortile/vectortile.html +0 -58
- package/dist-docs/api/provider/igsterrain.html +0 -52
- package/dist-docs/api/sceneeffect/SceneSetting.html +0 -216
- package/dist-docs/api/sceneeffect/fogeffect.html +0 -113
- package/dist-docs/api/sceneeffect/pathroaming.html +0 -241
- package/dist-docs/api/sceneeffect/raineffect.html +0 -124
- package/dist-docs/api/sceneeffect/sceneroaming.html +0 -131
- package/dist-docs/api/sceneeffect/snoweffect.html +0 -103
- package/dist-docs/api/service/comprehensiveQuery/comprehensiveQuery.html +0 -206
- package/dist-docs/api/simulation/BuildingGrow.html +0 -79
- package/dist-docs/api/simulation/CityGrow.html +0 -84
- package/dist-docs/api/simulation/PondingSimulation.html +0 -120
- package/dist-docs/api/ui/compare.html +0 -75
- package/dist-docs/api/ui/debug.html +0 -51
- package/dist-docs/api/ui/draw.html +0 -122
- package/dist-docs/api/ui/images/popupfeature.html +0 -58
- package/dist-docs/api/ui/legend.html +0 -70
- package/dist-docs/api/ui/link.html +0 -91
- package/dist-docs/api/ui/locate.html +0 -91
- package/dist-docs/api/ui/marker.html +0 -48
- package/dist-docs/api/ui/measure.html +0 -223
- package/dist-docs/api/ui/outputimage.html +0 -47
- package/dist-docs/api/ui/popup.html +0 -48
- package/dist-docs/api/ui/popupfeature.html +0 -48
- package/dist-docs/api/ui/rotate.html +0 -90
- package/dist-docs/api/ui/statebar.html +0 -49
- package/dist-docs/api/ui/table.html +0 -243
- package/dist-docs/assets/css/0.styles.cb8abb08.css +0 -1
- package/dist-docs/assets/img/Wms.aadc425f.png +0 -0
- package/dist-docs/assets/img/arcgis-wmsserver.6c13bece.png +0 -0
- package/dist-docs/assets/img/bim.7e20ff81.png +0 -0
- package/dist-docs/assets/img/bim_collapse.1cadabeb.png +0 -0
- package/dist-docs/assets/img/bim_disable_bim.5028b8e6.png +0 -0
- package/dist-docs/assets/img/bim_enable_bim.bcba6335.png +0 -0
- package/dist-docs/assets/img/bim_open.b3d32504.png +0 -0
- package/dist-docs/assets/img/card.b0528dea.png +0 -0
- package/dist-docs/assets/img/cesium_dist.bd34c270.png +0 -0
- package/dist-docs/assets/img/cloudisk.31a0f7a2.png +0 -0
- package/dist-docs/assets/img/custom_popup_list.6eda8057.png +0 -0
- package/dist-docs/assets/img/custom_popup_tips.7bfbfd71.png +0 -0
- package/dist-docs/assets/img/debug.3092e258.png +0 -0
- package/dist-docs/assets/img/destop_house_1.575e045a.png +0 -0
- package/dist-docs/assets/img/destop_house_2.2073f920.png +0 -0
- package/dist-docs/assets/img/dynamicmarker.ce31938a.png +0 -0
- package/dist-docs/assets/img/house.82f7b807.png +0 -0
- package/dist-docs/assets/img/house_collapse.ff7c97a3.png +0 -0
- package/dist-docs/assets/img/house_layers.40588763.png +0 -0
- package/dist-docs/assets/img/igs_house.17ccedc3.png +0 -0
- package/dist-docs/assets/img/igs_vertex.69dbefdf.png +0 -0
- package/dist-docs/assets/img/img.89931892.png +0 -0
- package/dist-docs/assets/img/img_1.ea78b5ed.png +0 -0
- package/dist-docs/assets/img/img_10.7d2345ef.png +0 -0
- package/dist-docs/assets/img/img_2.d1236814.png +0 -0
- package/dist-docs/assets/img/img_3.fdad2ce3.png +0 -0
- package/dist-docs/assets/img/img_4.8dccaf99.png +0 -0
- package/dist-docs/assets/img/img_5.79a92838.png +0 -0
- package/dist-docs/assets/img/img_6.a48e76fe.png +0 -0
- package/dist-docs/assets/img/img_7.6a283273.png +0 -0
- package/dist-docs/assets/img/img_8.cc8bea6e.png +0 -0
- package/dist-docs/assets/img/mapgis-wmsserver.d02125e4.png +0 -0
- package/dist-docs/assets/img/maximumScreenSpaceError.0fe18df9.png +0 -0
- package/dist-docs/assets/img/minzoom-error.48ffbfc0.png +0 -0
- package/dist-docs/assets/img/rich-text.a733d89d.png +0 -0
- package/dist-docs/assets/img/scene_layer_1.6e06850f.png +0 -0
- package/dist-docs/assets/img/scene_layer_2.0abf41a1.png +0 -0
- package/dist-docs/assets/img/scene_layer_3.2ab58bc9.png +0 -0
- package/dist-docs/assets/img/scene_layer_4.c0e72cc4.png +0 -0
- package/dist-docs/assets/img/scene_layer_5.8839cbfd.png +0 -0
- package/dist-docs/assets/img/scene_layer_6.75a04a7e.png +0 -0
- package/dist-docs/assets/img/scene_layer_7.c930b15f.png +0 -0
- package/dist-docs/assets/img/search.83621669.svg +0 -1
- package/dist-docs/assets/img/selects.d7266d1e.png +0 -0
- package/dist-docs/assets/img/table.0f6e7d4b.png +0 -0
- package/dist-docs/assets/img/terrain_load.446f8cf4.png +0 -0
- package/dist-docs/assets/img/webclient-vue-cesium.dd9fbfdb.png +0 -0
- package/dist-docs/assets/js/10.fc57b0cc.js +0 -1
- package/dist-docs/assets/js/11.b954f99c.js +0 -1
- package/dist-docs/assets/js/12.021e39ab.js +0 -1
- package/dist-docs/assets/js/13.12df77fa.js +0 -1
- package/dist-docs/assets/js/14.6410454b.js +0 -1
- package/dist-docs/assets/js/15.c58479e4.js +0 -1
- package/dist-docs/assets/js/16.89ac43ea.js +0 -1
- package/dist-docs/assets/js/17.12bdd16a.js +0 -1
- package/dist-docs/assets/js/18.147c4f98.js +0 -1
- package/dist-docs/assets/js/19.0709d65f.js +0 -1
- package/dist-docs/assets/js/20.21dca636.js +0 -1
- package/dist-docs/assets/js/21.500530ac.js +0 -1
- package/dist-docs/assets/js/22.bb0aef6b.js +0 -1
- package/dist-docs/assets/js/23.a0938f08.js +0 -1
- package/dist-docs/assets/js/24.aa88ed0c.js +0 -1
- package/dist-docs/assets/js/25.4413f608.js +0 -1
- package/dist-docs/assets/js/26.b483463c.js +0 -1
- package/dist-docs/assets/js/27.6da60763.js +0 -1
- package/dist-docs/assets/js/28.78599c3a.js +0 -1
- package/dist-docs/assets/js/29.7f9684c8.js +0 -1
- package/dist-docs/assets/js/3.8682ab0b.js +0 -1
- package/dist-docs/assets/js/30.54f01c2b.js +0 -1
- package/dist-docs/assets/js/31.3e576068.js +0 -1
- package/dist-docs/assets/js/32.c9d0fbdf.js +0 -1
- package/dist-docs/assets/js/33.8f1d3741.js +0 -1
- package/dist-docs/assets/js/34.c48ccae5.js +0 -1
- package/dist-docs/assets/js/35.4ada564d.js +0 -1
- package/dist-docs/assets/js/36.9cdac935.js +0 -1
- package/dist-docs/assets/js/37.6ce6e255.js +0 -1
- package/dist-docs/assets/js/38.646f1573.js +0 -1
- package/dist-docs/assets/js/39.7c961c85.js +0 -1
- package/dist-docs/assets/js/4.4f953d91.js +0 -1
- package/dist-docs/assets/js/40.35fa1e67.js +0 -1
- package/dist-docs/assets/js/41.3b676499.js +0 -1
- package/dist-docs/assets/js/42.dd312491.js +0 -1
- package/dist-docs/assets/js/43.1afb12de.js +0 -1
- package/dist-docs/assets/js/44.bb43f598.js +0 -1
- package/dist-docs/assets/js/45.95ceff91.js +0 -1
- package/dist-docs/assets/js/46.4b671f73.js +0 -1
- package/dist-docs/assets/js/47.b39f812f.js +0 -1
- package/dist-docs/assets/js/48.aa61dd8a.js +0 -1
- package/dist-docs/assets/js/49.ee9115b1.js +0 -1
- package/dist-docs/assets/js/5.7798a6a9.js +0 -1
- package/dist-docs/assets/js/50.b46939d1.js +0 -1
- package/dist-docs/assets/js/51.7c343687.js +0 -1
- package/dist-docs/assets/js/52.742b94da.js +0 -1
- package/dist-docs/assets/js/53.eadbdc82.js +0 -1
- package/dist-docs/assets/js/54.b66efd7e.js +0 -1
- package/dist-docs/assets/js/55.8b2ad292.js +0 -1
- package/dist-docs/assets/js/56.9228eb8b.js +0 -1
- package/dist-docs/assets/js/57.b32c37af.js +0 -1
- package/dist-docs/assets/js/58.c1dce768.js +0 -1
- package/dist-docs/assets/js/59.95a3d9b7.js +0 -1
- package/dist-docs/assets/js/6.d575c9be.js +0 -1
- package/dist-docs/assets/js/60.53ca7494.js +0 -1
- package/dist-docs/assets/js/61.1febb4f5.js +0 -1
- package/dist-docs/assets/js/62.55ce28a0.js +0 -1
- package/dist-docs/assets/js/63.9df33434.js +0 -1
- package/dist-docs/assets/js/64.49653893.js +0 -1
- package/dist-docs/assets/js/65.edd48589.js +0 -1
- package/dist-docs/assets/js/66.0b45dbdc.js +0 -1
- package/dist-docs/assets/js/67.046a33b8.js +0 -1
- package/dist-docs/assets/js/68.bba7f139.js +0 -1
- package/dist-docs/assets/js/69.51d986bb.js +0 -1
- package/dist-docs/assets/js/7.4a6090da.js +0 -1
- package/dist-docs/assets/js/70.430801c6.js +0 -1
- package/dist-docs/assets/js/71.a4878f03.js +0 -1
- package/dist-docs/assets/js/72.04809b4d.js +0 -1
- package/dist-docs/assets/js/73.f00574ad.js +0 -1
- package/dist-docs/assets/js/74.1147a818.js +0 -1
- package/dist-docs/assets/js/75.5a6aa718.js +0 -1
- package/dist-docs/assets/js/76.05fa29a4.js +0 -1
- package/dist-docs/assets/js/77.6f266332.js +0 -1
- package/dist-docs/assets/js/78.af0bb05c.js +0 -1
- package/dist-docs/assets/js/79.d701c8a6.js +0 -1
- package/dist-docs/assets/js/8.e1110673.js +0 -1
- package/dist-docs/assets/js/80.0ddf54d9.js +0 -1
- package/dist-docs/assets/js/81.7b9946be.js +0 -1
- package/dist-docs/assets/js/82.b9b55001.js +0 -1
- package/dist-docs/assets/js/83.8665b982.js +0 -1
- package/dist-docs/assets/js/84.d86c5980.js +0 -1
- package/dist-docs/assets/js/85.5c4a89a2.js +0 -1
- package/dist-docs/assets/js/86.3b79f966.js +0 -1
- package/dist-docs/assets/js/87.94eb00ff.js +0 -1
- package/dist-docs/assets/js/88.cd7374cc.js +0 -1
- package/dist-docs/assets/js/89.f6eac417.js +0 -1
- package/dist-docs/assets/js/9.e0c77bdc.js +0 -1
- package/dist-docs/assets/js/90.54c09a11.js +0 -1
- package/dist-docs/assets/js/91.a5fde22d.js +0 -1
- package/dist-docs/assets/js/92.e6343876.js +0 -1
- package/dist-docs/assets/js/93.63edc1e3.js +0 -1
- package/dist-docs/assets/js/94.ee242da0.js +0 -1
- package/dist-docs/assets/js/95.6662977f.js +0 -1
- package/dist-docs/assets/js/96.e5e6257b.js +0 -1
- package/dist-docs/assets/js/97.7ba8c8b7.js +0 -1
- package/dist-docs/assets/js/98.4474a97c.js +0 -1
- package/dist-docs/assets/js/99.0ca2f58f.js +0 -1
- package/dist-docs/assets/js/app.86648983.js +0 -12
- package/dist-docs/assets/js/vendors~docsearch.f387753e.js +0 -3
- package/dist-docs/favicon.ico +0 -0
- package/dist-docs/guide/basemap.html +0 -93
- package/dist-docs/guide/customComponent.html +0 -276
- package/dist-docs/guide/index.html +0 -59
- package/dist-docs/guide/introduction.html +0 -48
- package/dist-docs/guide/markers&popups.html +0 -168
- package/dist-docs/guide/quickStart.html +0 -102
- package/dist-docs/guide/wms&map&doc.html +0 -43
- package/dist-docs/index.html +0 -46
- package/dist-docs/logo.svg +0 -7
- package/dist-docs/plugin_components/create_storybook.html +0 -198
- package/dist-docs/plugin_components/index.html +0 -70
- package/dist-docs/plugin_components/plugin_components_development.html +0 -199
- package/dist-docs/version/1_84.html +0 -63
- package/dist-docs/version/diff.html +0 -40
- package/dist-docs/version/version.html +0 -52
|
@@ -1,207 +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>中地数码</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/33.8f1d3741.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/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/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" 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" aria-current="page" class="active sidebar-link">粒子特效</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/Overlay/ParticleEffects.html#属性" class="sidebar-link">属性</a></li><li class="sidebar-sub-header"><a href="/api/Overlay/ParticleEffects.html#方法" class="sidebar-link">方法</a></li><li class="sidebar-sub-header"><a href="/api/Overlay/ParticleEffects.html#事件" class="sidebar-link">事件</a></li><li class="sidebar-sub-header"><a href="/api/Overlay/ParticleEffects.html#示例" class="sidebar-link">示例</a></li></ul></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"><blockquote><p>mapgis-3d-particle-effects</p></blockquote> <h2 id="属性"><a href="#属性" class="header-anchor">#</a> 属性</h2> <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> mapgis-web-scene 组件的 ID,当使用多个 mapgis-web-scene 组件时,需要指定该值,来唯一标识 mapgis-web-scene 组件,同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey,让组件知道应该作用于哪一个 mapgis-web-scene。</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> <code>(Math.random() * 100000000).toFixed(0)</code>随机计算值</li> <li><strong>描述:</strong> 当 mapgis-web-scene 插槽中使用了多个相同组件时,例如多个 mapgis-3d-igs-doc-layer 组件,用来区分组件的标识符。</li></ul> <h3 id="symbollist"><a href="#symbollist" class="header-anchor">#</a> <code>symbolList</code></h3> <ul><li><strong>类型:</strong> <code>Array</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>描述:</strong> 符号库参数配置</li> <li><strong>默认值:</strong> 其中config和iconUrl是非必传参数,config是指当前符号的粒子特效预设参数配置,当初始化生成该符号的粒子特效时使用这套config参数。
|
|
38
|
-
iconUrl是指当前符号对象的iconfont图标的type,若不传则默认图标使用image的png图片。</li></ul> <div class="language- extra-class"><pre class="language-text"><code> [
|
|
39
|
-
{
|
|
40
|
-
guid: "C0EA27B2-0365-1F9F-C71A-B0586ADDCA0D",
|
|
41
|
-
name: "火焰",
|
|
42
|
-
image: "./fire.png",
|
|
43
|
-
iconUrl: "mapgis-fire",
|
|
44
|
-
config:{
|
|
45
|
-
emitterType: "圆形放射",
|
|
46
|
-
emissionRate: 13.0,
|
|
47
|
-
imageSize: 5.0,
|
|
48
|
-
minimumParticleLife: 2.0,
|
|
49
|
-
maximumParticleLife: 3.0,
|
|
50
|
-
minimumSpeed: 9.0,
|
|
51
|
-
maximumSpeed: 10.0,
|
|
52
|
-
startScale: 1.0,
|
|
53
|
-
endScale: 4.0
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
guid: "B8AF7BAC-082F-14C6-BECD-8F7AB44C5019",
|
|
58
|
-
name: "烟雾",
|
|
59
|
-
image: "./smoke.png",
|
|
60
|
-
iconUrl: "mapgis-smoke",
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
</code></pre></div><h3 id="particlelist"><a href="#particlelist" class="header-anchor">#</a> <code>particleList</code></h3> <ul><li><p><strong>类型:</strong> <code>Array</code></p></li> <li><p><strong>可选</strong></p></li> <li><p><strong>侦听属性</strong></p></li> <li><p><strong>v-model</strong></p></li> <li><p><strong>描述:</strong> 粒子特效参数配置,传入该参数后在场景中自动生成对应的粒子特效,其中参数包括一下值:</p> <div class="language- extra-class"><pre class="language-text"><code>[{
|
|
64
|
-
guid: "49A834D7-97C6-F452-4611-6F0739809B50",
|
|
65
|
-
name: "粒子名称1",
|
|
66
|
-
param: {
|
|
67
|
-
emitterType: "圆形放射", //发射类型
|
|
68
|
-
emissionRate: 20.0, //发射速率
|
|
69
|
-
imageSize: 5.0, //尺寸
|
|
70
|
-
minimumParticleLife: 2.0, //粒子最小存在时间
|
|
71
|
-
maximumParticleLife: 3.0, //粒子最大存在时间
|
|
72
|
-
minimumSpeed: 9.0, //最小速度
|
|
73
|
-
maximumSpeed: 10.0, //最大速度
|
|
74
|
-
startScale: 1.0, //初始比例
|
|
75
|
-
endScale: 4.0, //结束比例
|
|
76
|
-
symbolGuid: "9D09DB87-7955-9295-2E34-61E83C30D3AA",
|
|
77
|
-
position: {
|
|
78
|
-
longitude: 115.0352606,
|
|
79
|
-
latitude: 27.00688591,
|
|
80
|
-
height: 1
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}]
|
|
84
|
-
</code></pre></div><p>其中数组中每个粒子对象包含下列参数:</p> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">guid</td> <td style="text-align:left;">String</td> <td style="text-align:left;">粒子唯一的 guid</td></tr> <tr><td style="text-align:left;">name</td> <td style="text-align:left;">String</td> <td style="text-align:left;">粒子名称</td></tr> <tr><td style="text-align:left;">param</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">粒子特效配置参数</td></tr></tbody></table></li></ul> <p>其中 param 对象中包含下列参数:</p> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">emitterType</td> <td style="text-align:left;">String</td> <td style="text-align:left;">发射类型:可选 '盒状放射', '圆形放射', '锥形放射', '球形放射'</td></tr> <tr><td style="text-align:left;">emissionRate</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">发射速率(个/秒)</td></tr> <tr><td style="text-align:left;">imageSize</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">尺寸(像素)</td></tr> <tr><td style="text-align:left;">minimumParticleLife</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">粒子最小存在时间(秒)</td></tr> <tr><td style="text-align:left;">maximumParticleLife</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">粒子最大存在时间(秒)</td></tr> <tr><td style="text-align:left;">minimumSpeed</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">最小速度(个/秒)</td></tr> <tr><td style="text-align:left;">maximumSpeed</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">最大速度(个/秒)</td></tr> <tr><td style="text-align:left;">startScale</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">初始比例</td></tr> <tr><td style="text-align:left;">endScale</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">结束比例</td></tr> <tr><td style="text-align:left;">symbolGuid</td> <td style="text-align:left;">String</td> <td style="text-align:left;">该粒子特效对应的符号的 guid</td></tr> <tr><td style="text-align:left;">position</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">该粒子特效生成所在的位置的坐标点,包含参数 longitude、latitude 和 height</td></tr></tbody></table> <ul><li><strong>默认值:</strong> []</li></ul> <h2 id="方法"><a href="#方法" class="header-anchor">#</a> 方法</h2> <h3 id="oncreateparticle"><a href="#oncreateparticle" class="header-anchor">#</a> <code>onCreateParticle</code></h3> <ul><li><strong>Description:</strong> 添加特效粒子</li></ul> <h3 id="onclearparticle"><a href="#onclearparticle" class="header-anchor">#</a> <code>onClearParticle</code></h3> <ul><li><strong>Description:</strong> 移除粒子特效</li></ul> <h3 id="onemitterchange"><a href="#onemitterchange" class="header-anchor">#</a> <code>onEmitterChange</code></h3> <ul><li><strong>Description:</strong> 切换发射类型,赋值可选 '盒状放射', '圆形放射', '锥形放射', '球形放射'</li> <li><strong>Param:</strong> <code>{value}</code></li> <li><code>value</code> 发射类型</li></ul> <h3 id="onchangeeffect"><a href="#onchangeeffect" class="header-anchor">#</a> <code>onChangeEffect</code></h3> <ul><li><strong>Description:</strong> 动态修改参数,及时响应函数</li> <li><strong>Param:</strong> <code>{val,key}</code> <code>val</code> 修改后的值
|
|
85
|
-
<code>key</code> 修改对应的参数名</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>Description:</strong> 在 ParticleEffects 加载完毕后发送该事件</li> <li><strong>Payload</strong> ParticleEffects组件 对象</li></ul> <h3 id="unload"><a href="#unload" class="header-anchor">#</a> <code>@unload</code></h3> <ul><li><strong>Description:</strong> 关闭 ParticleEffects 组件前发送该事件</li> <li><strong>Payload</strong> ParticleEffects组件对象</li></ul> <h3 id="changeparticle"><a href="#changeparticle" class="header-anchor">#</a> <code>@changeParticle</code></h3> <ul><li><strong>Description:</strong> ParticleEffects 组件 修改或新增、删除粒子列表参数时发送该事件</li> <li><strong>Payload</strong> particleList 数组</li></ul> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h2> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
|
86
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-web-scene</span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ height: '100vh' }<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
87
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-ogc-wmts-layer</span>
|
|
88
|
-
<span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>url<span class="token punctuation">"</span></span>
|
|
89
|
-
<span class="token attr-name">:wmtsLayer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>layer<span class="token punctuation">"</span></span>
|
|
90
|
-
<span class="token attr-name">:tileMatrixSet</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tileMatrixSet<span class="token punctuation">"</span></span>
|
|
91
|
-
<span class="token attr-name">:format</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>format<span class="token punctuation">"</span></span>
|
|
92
|
-
<span class="token attr-name">:tilingScheme</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tilingScheme<span class="token punctuation">"</span></span>
|
|
93
|
-
<span class="token attr-name">:token</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>token<span class="token punctuation">"</span></span>
|
|
94
|
-
<span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-3d-ogc-wmts-layer</span><span class="token punctuation">></span></span>
|
|
95
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-igs-m3d</span>
|
|
96
|
-
<span class="token attr-name">:autoReset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>autoReset<span class="token punctuation">"</span></span>
|
|
97
|
-
<span class="token attr-name">:maximumScreenSpaceError</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>maximumScreenSpaceError<span class="token punctuation">"</span></span>
|
|
98
|
-
<span class="token attr-name">:url</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m3dUrl<span class="token punctuation">"</span></span>
|
|
99
|
-
<span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-3d-igs-m3d</span><span class="token punctuation">></span></span>
|
|
100
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-ui-card</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">"</span>showParticle<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>storybook-ui-card<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
101
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-particle-effects-manager</span>
|
|
102
|
-
<span class="token attr-name">:symbolList</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>symbolList<span class="token punctuation">"</span></span>
|
|
103
|
-
<span class="token attr-name">:particleList</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>particleList<span class="token punctuation">"</span></span>
|
|
104
|
-
<span class="token attr-name">@load</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>load<span class="token punctuation">"</span></span>
|
|
105
|
-
<span class="token punctuation">/></span></span>
|
|
106
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-ui-card</span><span class="token punctuation">></span></span>
|
|
107
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-statebar</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-3d-statebar</span><span class="token punctuation">></span></span>
|
|
108
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
109
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
110
|
-
|
|
111
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
|
112
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
113
|
-
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
114
|
-
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
115
|
-
<span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">"http://t0.tianditu.gov.cn/img_c/wmts"</span><span class="token punctuation">,</span>
|
|
116
|
-
<span class="token literal-property property">m3dUrl</span><span class="token operator">:</span> <span class="token string">"http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels"</span><span class="token punctuation">,</span>
|
|
117
|
-
<span class="token literal-property property">maximumScreenSpaceError</span><span class="token operator">:</span> <span class="token number">8</span><span class="token punctuation">,</span>
|
|
118
|
-
<span class="token literal-property property">tileMatrixSet</span><span class="token operator">:</span> <span class="token string">"c"</span><span class="token punctuation">,</span>
|
|
119
|
-
<span class="token literal-property property">tilingScheme</span><span class="token operator">:</span> <span class="token string">"EPSG:4326"</span><span class="token punctuation">,</span>
|
|
120
|
-
<span class="token literal-property property">layer</span><span class="token operator">:</span> <span class="token string">"img"</span><span class="token punctuation">,</span>
|
|
121
|
-
<span class="token literal-property property">format</span><span class="token operator">:</span> <span class="token string">"tiles"</span><span class="token punctuation">,</span>
|
|
122
|
-
<span class="token literal-property property">token</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
123
|
-
<span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">"tk"</span><span class="token punctuation">,</span>
|
|
124
|
-
<span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">"2ddaabf906d4b5418aed0078e1657029"</span><span class="token punctuation">,</span>
|
|
125
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
126
|
-
<span class="token literal-property property">autoReset</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
127
|
-
<span class="token literal-property property">particleEffects</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
|
|
128
|
-
<span class="token literal-property property">showParticle</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
129
|
-
<span class="token literal-property property">symbolList</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
130
|
-
<span class="token punctuation">{</span>
|
|
131
|
-
<span class="token literal-property property">guid</span><span class="token operator">:</span> <span class="token string">"9D09DB87-7955-9295-2E34-61E83C30D3AA"</span><span class="token punctuation">,</span>
|
|
132
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"外部火焰"</span><span class="token punctuation">,</span>
|
|
133
|
-
<span class="token literal-property property">image</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">http://localhost:8895/img/fire.png</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
|
|
134
|
-
<span class="token literal-property property">iconUrl</span><span class="token operator">:</span> <span class="token string">"mapgis-fire"</span><span class="token punctuation">,</span>
|
|
135
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
136
|
-
<span class="token punctuation">{</span>
|
|
137
|
-
<span class="token literal-property property">guid</span><span class="token operator">:</span> <span class="token string">"F9FDE880-8F5B-AEDF-CA95-ADC54F02A34F"</span><span class="token punctuation">,</span>
|
|
138
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"外部烟雾"</span><span class="token punctuation">,</span>
|
|
139
|
-
<span class="token literal-property property">image</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">http://localhost:8895/img/smoke.png</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
|
|
140
|
-
<span class="token literal-property property">iconUrl</span><span class="token operator">:</span> <span class="token string">"mapgis-smoke"</span><span class="token punctuation">,</span>
|
|
141
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
142
|
-
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
143
|
-
<span class="token literal-property property">particleList</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
144
|
-
<span class="token punctuation">{</span>
|
|
145
|
-
<span class="token literal-property property">guid</span><span class="token operator">:</span> <span class="token string">"49A834D7-97C6-F452-4611-6F0739809B50"</span><span class="token punctuation">,</span>
|
|
146
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"粒子名称1"</span><span class="token punctuation">,</span>
|
|
147
|
-
<span class="token literal-property property">param</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
148
|
-
<span class="token literal-property property">emitterType</span><span class="token operator">:</span> <span class="token string">"圆形放射"</span><span class="token punctuation">,</span> <span class="token comment">//发射类型</span>
|
|
149
|
-
<span class="token literal-property property">emissionRate</span><span class="token operator">:</span> <span class="token number">20.0</span><span class="token punctuation">,</span> <span class="token comment">//发射速率</span>
|
|
150
|
-
<span class="token literal-property property">imageSize</span><span class="token operator">:</span> <span class="token number">5.0</span><span class="token punctuation">,</span> <span class="token comment">//尺寸</span>
|
|
151
|
-
<span class="token literal-property property">minimumParticleLife</span><span class="token operator">:</span> <span class="token number">2.0</span><span class="token punctuation">,</span> <span class="token comment">//粒子最小存在时间</span>
|
|
152
|
-
<span class="token literal-property property">maximumParticleLife</span><span class="token operator">:</span> <span class="token number">3.0</span><span class="token punctuation">,</span> <span class="token comment">//粒子最大存在时间</span>
|
|
153
|
-
<span class="token literal-property property">minimumSpeed</span><span class="token operator">:</span> <span class="token number">9.0</span><span class="token punctuation">,</span> <span class="token comment">//最小速度</span>
|
|
154
|
-
<span class="token literal-property property">maximumSpeed</span><span class="token operator">:</span> <span class="token number">10.0</span><span class="token punctuation">,</span> <span class="token comment">//最大速度</span>
|
|
155
|
-
<span class="token literal-property property">startScale</span><span class="token operator">:</span> <span class="token number">1.0</span><span class="token punctuation">,</span> <span class="token comment">//初始比例</span>
|
|
156
|
-
<span class="token literal-property property">endScale</span><span class="token operator">:</span> <span class="token number">4.0</span><span class="token punctuation">,</span> <span class="token comment">//结束比例</span>
|
|
157
|
-
<span class="token literal-property property">symbolGuid</span><span class="token operator">:</span> <span class="token string">"9D09DB87-7955-9295-2E34-61E83C30D3AA"</span><span class="token punctuation">,</span>
|
|
158
|
-
<span class="token literal-property property">position</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
159
|
-
<span class="token literal-property property">longitude</span><span class="token operator">:</span> <span class="token number">115.0352606</span><span class="token punctuation">,</span>
|
|
160
|
-
<span class="token literal-property property">latitude</span><span class="token operator">:</span> <span class="token number">27.00688591</span><span class="token punctuation">,</span>
|
|
161
|
-
<span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
162
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
163
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
164
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
165
|
-
<span class="token punctuation">{</span>
|
|
166
|
-
<span class="token literal-property property">guid</span><span class="token operator">:</span> <span class="token string">"36F335E8-1F3C-41E2-40AA-EE950D691761"</span><span class="token punctuation">,</span>
|
|
167
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"粒子名称2"</span><span class="token punctuation">,</span>
|
|
168
|
-
<span class="token literal-property property">param</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
169
|
-
<span class="token literal-property property">emitterType</span><span class="token operator">:</span> <span class="token string">"球形放射"</span><span class="token punctuation">,</span> <span class="token comment">//发射类型</span>
|
|
170
|
-
<span class="token literal-property property">emissionRate</span><span class="token operator">:</span> <span class="token number">40.0</span><span class="token punctuation">,</span> <span class="token comment">//发射速率</span>
|
|
171
|
-
<span class="token literal-property property">imageSize</span><span class="token operator">:</span> <span class="token number">6.0</span><span class="token punctuation">,</span> <span class="token comment">//尺寸</span>
|
|
172
|
-
<span class="token literal-property property">minimumParticleLife</span><span class="token operator">:</span> <span class="token number">2.0</span><span class="token punctuation">,</span> <span class="token comment">//粒子最小存在时间</span>
|
|
173
|
-
<span class="token literal-property property">maximumParticleLife</span><span class="token operator">:</span> <span class="token number">3.0</span><span class="token punctuation">,</span> <span class="token comment">//粒子最大存在时间</span>
|
|
174
|
-
<span class="token literal-property property">minimumSpeed</span><span class="token operator">:</span> <span class="token number">9.0</span><span class="token punctuation">,</span> <span class="token comment">//最小速度</span>
|
|
175
|
-
<span class="token literal-property property">maximumSpeed</span><span class="token operator">:</span> <span class="token number">10.0</span><span class="token punctuation">,</span> <span class="token comment">//最大速度</span>
|
|
176
|
-
<span class="token literal-property property">startScale</span><span class="token operator">:</span> <span class="token number">1.0</span><span class="token punctuation">,</span> <span class="token comment">//初始比例</span>
|
|
177
|
-
<span class="token literal-property property">endScale</span><span class="token operator">:</span> <span class="token number">4.0</span><span class="token punctuation">,</span> <span class="token comment">//结束比例</span>
|
|
178
|
-
<span class="token literal-property property">symbolGuid</span><span class="token operator">:</span> <span class="token string">"9D09DB87-7955-9295-2E34-61E83C30D3AA"</span><span class="token punctuation">,</span>
|
|
179
|
-
<span class="token literal-property property">position</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
180
|
-
<span class="token literal-property property">longitude</span><span class="token operator">:</span> <span class="token number">115.03566638</span><span class="token punctuation">,</span>
|
|
181
|
-
<span class="token literal-property property">latitude</span><span class="token operator">:</span> <span class="token number">27.00743179</span><span class="token punctuation">,</span>
|
|
182
|
-
<span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
183
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
184
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
185
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
186
|
-
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
187
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
188
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
189
|
-
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
190
|
-
<span class="token function">load</span><span class="token punctuation">(</span><span class="token parameter">particleEffects</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
191
|
-
<span class="token keyword">this</span><span class="token punctuation">.</span>particleEffects <span class="token operator">=</span> particleEffects<span class="token punctuation">;</span>
|
|
192
|
-
<span class="token punctuation">}</span>
|
|
193
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
194
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
195
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
196
|
-
</code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
|
197
|
-
←
|
|
198
|
-
<a href="/api/Overlay/Mapv.html" class="prev">
|
|
199
|
-
MapV
|
|
200
|
-
</a></span> <span class="next"><a href="/api/sceneeffect/pathroaming.html">
|
|
201
|
-
单路径
|
|
202
|
-
</a>
|
|
203
|
-
→
|
|
204
|
-
</span></p></div> </main></div><div class="global-ui"></div></div>
|
|
205
|
-
<script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/33.8f1d3741.js" defer></script>
|
|
206
|
-
</body>
|
|
207
|
-
</html>
|
|
@@ -1,122 +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>中地数码</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/34.c48ccae5.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/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/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 open"><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"><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" 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"><blockquote><p>mapgis-3d-theme-layer-custom</p></blockquote> <h2 id="属性"><a href="#属性" class="header-anchor">#</a> 属性</h2> <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> mapgis-web-scene 组件的 ID,当使用多个 mapgis-web-scene 组件时,需要指定该值,来唯一标识 mapgis-web-scene 组件,同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey,让组件知道应该作用于哪一个 mapgis-web-scene。</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> <code>(Math.random() * 100000000).toFixed(0)</code>随机计算值</li> <li><strong>描述:</strong> 当 mapgis-web-scene 插槽中使用了多个相同组件时,例如多个 mapgis-3d-igs-doc-layer 组件,用来区分组件的标识符。</li></ul> <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> 必填项,标准的 geojson 地理数据文件。</li></ul> <h3 id="layerid"><a href="#layerid" class="header-anchor">#</a> <code>layerId</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值:</strong><code>矢量图层</code></li> <li><strong>描述:</strong> 专题图层的Id。</li></ul> <h3 id="type"><a href="#type" class="header-anchor">#</a> <code>type</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值:</strong><code>uniform</code></li> <li><strong>描述:</strong> 三维专题图类型,包括<code>uniform</code>、<code>unique</code>、<code>range</code>、<code>gradual</code>、<code>random</code>。</li></ul> <h3 id="field"><a href="#field" class="header-anchor">#</a> <code>field</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值:</strong>``</li> <li><strong>描述:</strong> 三维专题图字段名称,用于专题图符号化绘制,在统一专题图、随机专题图中可隐藏,在单值专题图、分段专题图、渐变专题图中必须填写。</li></ul> <h3 id="type-2"><a href="#type-2" class="header-anchor">#</a> <code>type</code></h3> <ul><li><strong>类型:</strong> <code>String</code></li> <li><strong>必选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>默认值:</strong><code>uniform</code></li> <li><strong>描述:</strong> 三维专题图类型,包括<code>uniform</code>、<code>unique</code>、<code>range</code>、<code>random</code>。</li></ul> <h3 id="themeoptions"><a href="#themeoptions" class="header-anchor">#</a> <code>themeOptions</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>必选:</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值</strong></li> <li><strong>描述:</strong> 必填项,专题图绘制规则。</li></ul> <h3 id="filter"><a href="#filter" class="header-anchor">#</a> <code>filter</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值</strong></li> <li><strong>描述:</strong> 必填项,外部可传入filter,内部监听filter实现交互。</li></ul> <h3 id="filteroptions"><a href="#filteroptions" class="header-anchor">#</a> <code>filterOptions</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值</strong></li> <li><strong>描述:</strong> 必填项,外部可传入filter,内部监听filterOptions实现样式变化。</li></ul> <h3 id="autoreset"><a href="#autoreset" class="header-anchor">#</a> <code>autoReset</code></h3> <ul><li><strong>类型:</strong> <code>Boolean</code></li> <li><strong>可选</strong></li> <li><strong>侦听属性</strong></li> <li><strong>默认值:</strong><code>true</code></li> <li><strong>描述:</strong> 专题图跳转,在加载专题图时,视角会飞行到专题图上,和offsetHeight大小有关。</li></ul> <h3 id="offsetheight"><a href="#offsetheight" class="header-anchor">#</a> <code>offsetHeight</code></h3> <ul><li><strong>类型:</strong> <code>Number</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>默认值:<code>4000</code></strong></li> <li><strong>描述:</strong> 专题图高度,当相机视角高度高于offsetHeight,专题图不可见;低于offsetHeight,专题图显示。</li></ul> <h3 id="enablehighlight"><a href="#enablehighlight" class="header-anchor">#</a> <code>enableHighlight</code></h3> <ul><li><strong>类型:</strong> <code>Boolean</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>默认值:<code>false</code></strong></li> <li><strong>描述:</strong> 将专题地图中指定的要素进行高亮显示</li></ul> <h3 id="highlightstyle"><a href="#highlightstyle" class="header-anchor">#</a> <code>highlightStyle</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>必选:</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 将专题地图中指定的要素进行高亮显示</li></ul> <h3 id="visible"><a href="#visible" class="header-anchor">#</a> <code>visible</code></h3> <ul><li><strong>类型:</strong> <code>Boolean</code></li> <li><strong>可选:</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 控制专题地图是否显示</li> <li><strong>默认值:</strong> true</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>Description:</strong> 在 Mapgis3dThemeLayerCustom 加载完毕后发送该事件</li> <li><strong>Payload</strong> Mapgis3dThemeLayerCustom 组件对象</li></ul> <h3 id="unload"><a href="#unload" class="header-anchor">#</a> <code>@unload</code></h3> <ul><li><strong>Description:</strong> 关闭 Mapgis3dThemeLayerCustom 组件前发送该事件</li> <li><strong>Payload</strong> Mapgis3dThemeLayerCustom 组件对象</li></ul> <h3 id="bbox"><a href="#bbox" class="header-anchor">#</a> <code>@bbox</code></h3> <ul><li><strong>Description:</strong> 解析数据时发送该事件</li> <li><strong>Payload</strong> geojson数据范围(包围盒)</li></ul> <h3 id="themeclick"><a href="#themeclick" class="header-anchor">#</a> <code>@themeClick</code></h3> <ul><li><strong>Description:</strong> 左击专题图时 发送该事件</li> <li><strong>Payload</strong> 点击的专题图所在的 entity 属性</li></ul> <h3 id="themehover"><a href="#themehover" class="header-anchor">#</a> <code>@themeHover</code></h3> <ul><li><strong>Description:</strong> 鼠标移至专题图上时 发送该事件</li> <li><strong>Payload</strong> 鼠标经过的专题图所在的 entity属性</li></ul> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h2> <div class="language-vue extra-class"><pre class="language-vue"><code>import { Style } from "@mapgis/webclient-es6-service";
|
|
38
|
-
const { LineStyle, PointStyle, FillStyle, Shadow } = Style;
|
|
39
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
|
40
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-web-scene</span> <span class="token attr-name">:style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ height: '95vh' }<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
41
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-theme-layer-custom</span>
|
|
42
|
-
<span class="token attr-name">v-bind</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>$props<span class="token punctuation">"</span></span>
|
|
43
|
-
<span class="token attr-name">@load</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>load<span class="token punctuation">"</span></span>
|
|
44
|
-
<span class="token attr-name">@unload</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>unload<span class="token punctuation">"</span></span>
|
|
45
|
-
<span class="token attr-name">@bbox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>handlebbox<span class="token punctuation">"</span></span>
|
|
46
|
-
<span class="token attr-name">@themeClick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>handleClick<span class="token punctuation">"</span></span>
|
|
47
|
-
<span class="token attr-name">@themeHover</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>handleHover<span class="token punctuation">"</span></span>
|
|
48
|
-
<span class="token punctuation">/></span></span>
|
|
49
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
50
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
51
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></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 literal-property property">baseUrl</span><span class="token operator">:</span> <span class="token string">"http://localhost:8895/geojson/420000_full.json"</span><span class="token punctuation">,</span>
|
|
56
|
-
<span class="token literal-property property">visible</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
57
|
-
<span class="token literal-property property">themeOptions</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
58
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">"range-value"</span><span class="token punctuation">,</span>
|
|
59
|
-
<span class="token literal-property property">field</span><span class="token operator">:</span> <span class="token string">"childrenNum"</span><span class="token punctuation">,</span>
|
|
60
|
-
<span class="token literal-property property">rangeValueInfos</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
61
|
-
<span class="token punctuation">{</span>
|
|
62
|
-
<span class="token literal-property property">start</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
|
|
63
|
-
<span class="token literal-property property">end</span><span class="token operator">:</span> <span class="token number">3</span><span class="token punctuation">,</span>
|
|
64
|
-
<span class="token literal-property property">symbolStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">FillStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
65
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#ff0000'</span><span class="token punctuation">,</span>
|
|
66
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">'#ff0000'</span><span class="token punctuation">,</span>
|
|
67
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
68
|
-
<span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
69
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
70
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
71
|
-
<span class="token punctuation">{</span>
|
|
72
|
-
<span class="token literal-property property">start</span><span class="token operator">:</span> <span class="token number">3</span><span class="token punctuation">,</span>
|
|
73
|
-
<span class="token literal-property property">end</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span>
|
|
74
|
-
<span class="token literal-property property">symbolStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">FillStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
75
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#ff4b4b'</span><span class="token punctuation">,</span>
|
|
76
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">'#ff4b4b'</span><span class="token punctuation">,</span>
|
|
77
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
78
|
-
<span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
79
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
80
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
81
|
-
<span class="token punctuation">{</span>
|
|
82
|
-
<span class="token literal-property property">start</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span>
|
|
83
|
-
<span class="token literal-property property">end</span><span class="token operator">:</span> <span class="token number">9</span><span class="token punctuation">,</span>
|
|
84
|
-
<span class="token literal-property property">symbolStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">FillStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
85
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#ff8282'</span><span class="token punctuation">,</span>
|
|
86
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">'#ff8282'</span><span class="token punctuation">,</span>
|
|
87
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
88
|
-
<span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
89
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
90
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
91
|
-
<span class="token punctuation">{</span>
|
|
92
|
-
<span class="token literal-property property">start</span><span class="token operator">:</span> <span class="token number">9</span><span class="token punctuation">,</span>
|
|
93
|
-
<span class="token literal-property property">end</span><span class="token operator">:</span> <span class="token number">12</span><span class="token punctuation">,</span>
|
|
94
|
-
<span class="token literal-property property">symbolStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">FillStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
95
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#ffafaf'</span><span class="token punctuation">,</span>
|
|
96
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">'#ffafaf'</span><span class="token punctuation">,</span>
|
|
97
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
98
|
-
<span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
99
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
100
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
101
|
-
<span class="token punctuation">{</span>
|
|
102
|
-
<span class="token literal-property property">start</span><span class="token operator">:</span> <span class="token number">12</span><span class="token punctuation">,</span>
|
|
103
|
-
<span class="token literal-property property">end</span><span class="token operator">:</span> <span class="token number">15</span><span class="token punctuation">,</span>
|
|
104
|
-
<span class="token literal-property property">symbolStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">FillStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
105
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#ffdcdc'</span><span class="token punctuation">,</span>
|
|
106
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">'#ffdcdc'</span><span class="token punctuation">,</span>
|
|
107
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
108
|
-
<span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
|
|
109
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
110
|
-
<span class="token punctuation">}</span>
|
|
111
|
-
<span class="token punctuation">]</span>
|
|
112
|
-
<span class="token punctuation">}</span>
|
|
113
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
114
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
115
|
-
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
116
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
117
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
118
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
119
|
-
</code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
|
|
120
|
-
<script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/34.c48ccae5.js" defer></script>
|
|
121
|
-
</body>
|
|
122
|
-
</html>
|