@mapgis/webclient-vue-cesium 17.2.0 → 17.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-libs/webclient-vue-cesium.common.js +207 -178
- package/dist-libs/webclient-vue-cesium.css +1 -1
- package/dist-libs/webclient-vue-cesium.umd.js +207 -178
- package/dist-libs/webclient-vue-cesium.umd.min.js +14 -14
- package/package.json +3 -3
- 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,352 +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>GeoJSON 图层 | 中地数码</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/15.c58479e4.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/16.89ac43ea.js"><link rel="prefetch" href="/assets/js/17.12bdd16a.js"><link rel="prefetch" href="/assets/js/18.147c4f98.js"><link rel="prefetch" href="/assets/js/19.0709d65f.js"><link rel="prefetch" href="/assets/js/20.21dca636.js"><link rel="prefetch" href="/assets/js/21.500530ac.js"><link rel="prefetch" href="/assets/js/22.bb0aef6b.js"><link rel="prefetch" href="/assets/js/23.a0938f08.js"><link rel="prefetch" href="/assets/js/24.aa88ed0c.js"><link rel="prefetch" href="/assets/js/25.4413f608.js"><link rel="prefetch" href="/assets/js/26.b483463c.js"><link rel="prefetch" href="/assets/js/27.6da60763.js"><link rel="prefetch" href="/assets/js/28.78599c3a.js"><link rel="prefetch" href="/assets/js/29.7f9684c8.js"><link rel="prefetch" href="/assets/js/30.54f01c2b.js"><link rel="prefetch" href="/assets/js/31.3e576068.js"><link rel="prefetch" href="/assets/js/32.c9d0fbdf.js"><link rel="prefetch" href="/assets/js/33.8f1d3741.js"><link rel="prefetch" href="/assets/js/34.c48ccae5.js"><link rel="prefetch" href="/assets/js/35.4ada564d.js"><link rel="prefetch" href="/assets/js/36.9cdac935.js"><link rel="prefetch" href="/assets/js/37.6ce6e255.js"><link rel="prefetch" href="/assets/js/38.646f1573.js"><link rel="prefetch" href="/assets/js/39.7c961c85.js"><link rel="prefetch" href="/assets/js/4.4f953d91.js"><link rel="prefetch" href="/assets/js/40.35fa1e67.js"><link rel="prefetch" href="/assets/js/41.3b676499.js"><link rel="prefetch" href="/assets/js/42.dd312491.js"><link rel="prefetch" href="/assets/js/43.1afb12de.js"><link rel="prefetch" href="/assets/js/44.bb43f598.js"><link rel="prefetch" href="/assets/js/45.95ceff91.js"><link rel="prefetch" href="/assets/js/46.4b671f73.js"><link rel="prefetch" href="/assets/js/47.b39f812f.js"><link rel="prefetch" href="/assets/js/48.aa61dd8a.js"><link rel="prefetch" href="/assets/js/49.ee9115b1.js"><link rel="prefetch" href="/assets/js/5.7798a6a9.js"><link rel="prefetch" href="/assets/js/50.b46939d1.js"><link rel="prefetch" href="/assets/js/51.7c343687.js"><link rel="prefetch" href="/assets/js/52.742b94da.js"><link rel="prefetch" href="/assets/js/53.eadbdc82.js"><link rel="prefetch" href="/assets/js/54.b66efd7e.js"><link rel="prefetch" href="/assets/js/55.8b2ad292.js"><link rel="prefetch" href="/assets/js/56.9228eb8b.js"><link rel="prefetch" href="/assets/js/57.b32c37af.js"><link rel="prefetch" href="/assets/js/58.c1dce768.js"><link rel="prefetch" href="/assets/js/59.95a3d9b7.js"><link rel="prefetch" href="/assets/js/6.d575c9be.js"><link rel="prefetch" href="/assets/js/60.53ca7494.js"><link rel="prefetch" href="/assets/js/61.1febb4f5.js"><link rel="prefetch" href="/assets/js/62.55ce28a0.js"><link rel="prefetch" href="/assets/js/63.9df33434.js"><link rel="prefetch" href="/assets/js/64.49653893.js"><link rel="prefetch" href="/assets/js/65.edd48589.js"><link rel="prefetch" href="/assets/js/66.0b45dbdc.js"><link rel="prefetch" href="/assets/js/67.046a33b8.js"><link rel="prefetch" href="/assets/js/68.bba7f139.js"><link rel="prefetch" href="/assets/js/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" aria-current="page" class="active sidebar-link">GeoJSON</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/api/layer/Geojson/geojson.html#属性" class="sidebar-link">属性</a></li><li class="sidebar-sub-header"><a href="/api/layer/Geojson/geojson.html#事件" class="sidebar-link">事件</a></li><li class="sidebar-sub-header"><a href="/api/layer/Geojson/geojson.html#示例" class="sidebar-link">示例</a></li></ul></li><li><a href="/api/layer/marker/DynamicMarker.html" class="sidebar-link">动态注记</a></li><li><a href="/api/layer/Graphic/GraphicLayer.html" class="sidebar-link">标绘图层</a></li><li><a href="/api/layer/Graphic/GraphicLayerService.html" class="sidebar-link">标绘图层-工具类</a></li><li><a href="/api/MapStory/MapStory.html" class="sidebar-link">地图故事图层</a></li><li><a href="/api/layer/3DPlot/PlotLayer.html" class="sidebar-link">行业标绘图层</a></li><li><a href="/api/layer/3DPlot/Plot.html" class="sidebar-link">行业标绘绘制组件</a></li><li><a href="/api/layer/3DPlot/PlotAnimation.html" class="sidebar-link">态势推演组件</a></li><li><a href="/api/layer/3DPlot/PlotLink.html" class="sidebar-link">行业标绘二三维联动</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>可视化</span> <!----></p> <!----></section></li><li><a href="/api/Overlay/Echarts.html" class="sidebar-link">Echarts</a></li><li><a href="/api/Overlay/Mapv.html" class="sidebar-link">MapV</a></li><li><a href="/api/Overlay/ParticleEffects.html" class="sidebar-link">粒子特效</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>场景漫游</span> <!----></p> <!----></section></li><li><a href="/api/sceneeffect/pathroaming.html" class="sidebar-link">单路径</a></li><li><a href="/api/sceneeffect/sceneroaming.html" class="sidebar-link">路径管理</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>模拟仿真</span> <!----></p> <!----></section></li><li><a href="/api/simulation/CityGrow.html" class="sidebar-link">城市生长</a></li><li><a href="/api/simulation/BuildingGrow.html" class="sidebar-link">单体建筑生长</a></li><li><a href="/api/simulation/PondingSimulation.html" class="sidebar-link">积水仿真</a></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>空间分析</span> <!----></p> <!----></section></li><li><a href="/api/analysis/Viewshed.html" class="sidebar-link">可视域分析</a></li><li><a href="/api/analysis/Sightline.html" class="sidebar-link">通视分析</a></li><li><a href="/api/analysis/Flood.html" class="sidebar-link">洪水淹没分析</a></li><li><a href="/api/analysis/DynamicCutting.html" class="sidebar-link">动态剖切</a></li><li><a href="/api/analysis/DynamicSection.html" class="sidebar-link">动态剖切-高级</a></li><li><a href="/api/analysis/Excavate.html" class="sidebar-link">开挖分析</a></li><li><a href="/api/analysis/Fill.html" class="sidebar-link">填挖方分析</a></li><li><a href="/api/analysis/HeightLimited.html" class="sidebar-link">限高分析</a></li><li><a href="/api/analysis/Shadow.html" class="sidebar-link">阴影分析</a></li><li><a href="/api/analysis/Skyline.html" class="sidebar-link">天际线分析</a></li><li><a href="/api/analysis/Contour.html" class="sidebar-link">等值线面分析</a></li><li><a href="/api/analysis/Household.html" class="sidebar-link">分层分户</a></li><li><a href="/api/analysis/Bim.html" class="sidebar-link">BIM构件树</a></li><li><a href="/api/analysis/ProjectorManager.html" class="sidebar-link">投放管理</a></li><li><a href="/api/analysis/ProjectorSetting.html" class="sidebar-link">投放配置</a></li><li><a href="/api/analysis/Buffer.html" class="sidebar-link">缓冲分析</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="geojson-图层"><a href="#geojson-图层" class="header-anchor">#</a> GeoJSON 图层</h1> <blockquote><p>mapgis-3d-geojson-layer</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> <blockquote><p>mapgis-web-scene 组件的 ID，当使用多个 mapgis-web-scene 组件时，需要指定该值，来唯一标识 mapgis-web-scene 组件， <br>
|
|
38
|
-
同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey，让组件知道应该作用于哪一个 mapgis-web-scene。</p></blockquote></li></ul> <h3 id="vueindex"><a href="#vueindex" class="header-anchor">#</a> <code>vueIndex</code></h3> <ul><li><strong>类型:</strong> <code>Number</code></li> <li><strong>可选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> <blockquote><p>当 mapgis-web-scene 插槽中使用了多个相同组件时，例如多个 mapgis-3d-igs-doc-layer 组件，用来区分组件的标识符。</p></blockquote></li></ul> <h3 id="baseurl"><a href="#baseurl" class="header-anchor">#</a> <code>baseUrl</code></h3> <ul><li><strong>类型:</strong> <code>Object | String</code></li> <li><strong>非侦听属性</strong> 必传项</li> <li><strong>描述:</strong> GeoJSON 数据的 url</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> 图层的 id 值</li></ul> <h3 id="autoreset"><a href="#autoreset" class="header-anchor">#</a> autoReset</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> 初始加载时，视角是否自动跳转到图层中心</li></ul> <h3 id="renderer"><a href="#renderer" class="header-anchor">#</a> renderer</h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>必选</strong></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 专题图渲染规则,
|
|
39
|
-
包含以下属性：</li></ul> <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;">type</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图类型，可选 "simple、unique-value、class-breaks"</td></tr> <tr><td style="text-align:left;">field</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图字段名称，用来确定单值或分段要素，仅在renderer.type="unique-value、class-breaks"时使用</td></tr> <tr><td style="text-align:left;">legendOptions</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">专题图图例选项，用来在图例中展示符号所表达的信息，如专题图标题</td></tr> <tr><td style="text-align:left;">symbol</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">统一专题图符号样式</td></tr> <tr><td style="text-align:left;">label</td> <td style="text-align:left;">String</td> <td style="text-align:left;">统一专题图标签</td></tr> <tr><td style="text-align:left;">defaultSymbol</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">单值分段专题图默认符号样式，用来绘制具有与给定中断值不匹配的要素</td></tr> <tr><td style="text-align:left;">defaultLabel</td> <td style="text-align:left;">String</td> <td style="text-align:left;">单值、分段专题图默认标签，用来描述分配了默认符号的元素</td></tr> <tr><td style="text-align:left;">uniqueValueInfos</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">专题图单值信息，仅在renderer.type="unique-value"时使用</td></tr> <tr><td style="text-align:left;">classBreakInfos</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">专题图分段信息，仅在renderer.type="class-breaks"时使用</td></tr> <tr><td style="text-align:left;">normalizationType</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图归一化类型，仅在render.type="class-breaks"时使用，可选 "field、"percent-of-total"</td></tr> <tr><td style="text-align:left;">normalizationField</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图根据字段归一化，即分段字段属性值 / 归一化字段属性值，如果renderer中定义了normalizationField，则优先执行normalizationField按字段归一化，通过归一化出的结果和分段专题图停靠点的值进行比较，若仅定义normalizationType未定义normalizationField，则不进行归一化，使用场景：如 区域人口数 / 该区域面积，返回该区域人口密度，根据人口密度绘制分段专题图</td></tr> <tr><td style="text-align:left;">normalizationTotal</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图根据属性值总和归一化，即分段字段属性值 / 给定总和，如果renderer中定义了normalizationTotal，则优先执行normalizationTotal按字段值总和归一化，通过归一化出的结果和分段专题图停靠点的值进行比较，若仅定义normalizationType未定义normalizationTotal，则使用 分段字段属性值 / 分段字段属性值总和 进行归一化，使用场景：如 区域GDP总量 / 所有区域GDP总量和，返回该区域GDP占比，根据GDP占比绘制分段专题图</td></tr> <tr><td style="text-align:left;">valueExpression</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图计算表达式，用来对要素中的单/多个属性进行数学计算，属性字段使用"$feature.field"表示，如"[($feature.lg + 2) * 10 - 20 / 2] / 5 + $feature.mpLayer"，如果renderer中定义了valueExpression，则优先执行valueExpression表达式，通过表达式计算出来的结果和单值/分段专题图停靠点的值进行比较</td></tr> <tr><td style="text-align:left;">valueExpressionTitle</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图计算表达式标题</td></tr> <tr><td style="text-align:left;">visualVariables</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">专题图视觉变量</td></tr></tbody></table> <p>其中 symbol 对象中包括以下属性：</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;">type</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图符号样式类型，可选 "point-3d、line-3d、polygon-3d"</td></tr> <tr><td style="text-align:left;">symbolLayers</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图符号图层，可选 "icon、line、fill、extrude"</td></tr></tbody></table> <p>symbolLayers 对象中包括以下属性：</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;">type</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图符号图层类型，可选 "icon、line、fill、extrude"</td></tr> <tr><td style="text-align:left;">material</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">专题图要素样式</td></tr> <tr><td style="text-align:left;">material.color</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图要素颜色</td></tr> <tr><td style="text-align:left;">outline</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">专题图要素边线样式，当传入边线颜色或边线宽度参数时启用边线</td></tr> <tr><td style="text-align:left;">outline.color</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图要素边线颜色，仅当 type="icon 或 fill"时生效</td></tr> <tr><td style="text-align:left;">outline.width</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图要素边线宽度，仅当 type="fill"时生效</td></tr> <tr><td style="text-align:left;">resource</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">专题图要素绘制类型，未传入时默认绘制"circle"二维点</td></tr> <tr><td style="text-align:left;">resource.primitive</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图要素绘制类型，可选"circle、billboard"</td></tr> <tr><td style="text-align:left;">resource.herf</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图要素图标符号，传入要素符号的url地址，支持"png、svg"类型</td></tr> <tr><td style="text-align:left;">resource.sizeInMeters</td> <td style="text-align:left;">Boolean</td> <td style="text-align:left;">专题图要素图标符号尺寸单位（米），默认值false</td></tr> <tr><td style="text-align:left;">resource.scale</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图要素图标符号比例，仅当传入 resource.herf时生效，用于控制图标符号大小，默认值 1</td></tr> <tr><td style="text-align:left;">resource.distanceDisplayCondition</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">专题图要素符号可见性，仅当传入 resource.herf时生效，用于控制图标的最大最小可见高度， 默认值 [10, 100000]</td></tr> <tr><td style="text-align:left;">size</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">符号尺寸，用于设置点要素大小和线要素宽度</td></tr></tbody></table> <p>uniqueValueInfos 对象中包括以下属性：</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;">value</td> <td style="text-align:left;">String、Number</td> <td style="text-align:left;">指定字段下的要素值，具有此值的要素将使用给定的符号可视化</td></tr> <tr><td style="text-align:left;">symbol</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">符号，用来渲染指定要素</td></tr> <tr><td style="text-align:left;">label</td> <td style="text-align:left;">String</td> <td style="text-align:left;">标签，用来描述符号表示的值</td></tr></tbody></table> <p>classBreakInfos 对象中包括以下属性：</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;">minValue</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">设置分段间隔的最小值</td></tr> <tr><td style="text-align:left;">maxValue</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">设置分段间隔的最大值</td></tr> <tr><td style="text-align:left;">symbol</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">符号，用来渲染分段间隔最小-最大值之间的要素</td></tr> <tr><td style="text-align:left;">label</td> <td style="text-align:left;">String</td> <td style="text-align:left;">标签，用来描述符号表示的值</td></tr></tbody></table> <p>visualVariables对象中包括以下属性：</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;">type</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量类型，可选 "color、opacity"</td></tr> <tr><td style="text-align:left;">field</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量字段，用于和停靠点比较来确定绘制符号，只能为数字类型字段</td></tr> <tr><td style="text-align:left;">valueExpression</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量计算表达式</td></tr> <tr><td style="text-align:left;">valueExpressionTitle</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量计算表达式标题</td></tr> <tr><td style="text-align:left;">normalizationType</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量归一化类型，"field、percent-of-total"</td></tr> <tr><td style="text-align:left;">normalizationField</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量归一化字段，将renderer中对应字段数据值除以归一化字段数据值</td></tr> <tr><td style="text-align:left;">normalizationTotal</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图视觉变量归一化总和，将renderer中对应字段数据值除以给定值，若normalizationTotal未定义，则使用 字段属性值 / 字段属性值总和 进行归一化</td></tr> <tr><td style="text-align:left;">stops</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">专题图视觉变量颜色、透明度数组，定义在一系列停靠点中应用于要素的连续色带的颜色</td></tr></tbody></table> <p>stops中包括以下属性：</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;">value</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">专题图视觉变量停靠点</td></tr> <tr><td style="text-align:left;">color</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量停靠点颜色，根据相邻停靠点间的属性字段值和颜色进行线性插值</td></tr> <tr><td style="text-align:left;">label</td> <td style="text-align:left;">String</td> <td style="text-align:left;">专题图视觉变量标签，用于生成图例</td></tr></tbody></table> <h3 id="enablepopup"><a href="#enablepopup" class="header-anchor">#</a> <code>enablePopup</code></h3> <ul><li><strong>类型:</strong> <code>Boolean</code></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 是否开启 popup 弹窗</li></ul> <h3 id="popupoptions"><a href="#popupoptions" class="header-anchor">#</a> <code>popupOptions</code></h3> <ul><li><strong>类型:</strong> <code>Object</code></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> popup 弹窗时的配置参数,popupOptions 对象中 title 指弹窗的标题，展示 geojson 数据中的某一个字段属性，fields 展示列表，由传参者决定展示哪些字段值</li> <li><strong>格式:</strong><div class="language-bash extra-class"><pre class="language-bash"><code>eg:
|
|
40
|
-
popupOptions: <span class="token punctuation">{</span>
|
|
41
|
-
title: <span class="token string">"name"</span>,
|
|
42
|
-
fields: <span class="token punctuation">[</span><span class="token string">"acroutes"</span>, <span class="token string">"adcode"</span><span class="token punctuation">]</span>
|
|
43
|
-
<span class="token punctuation">}</span>
|
|
44
|
-
</code></pre></div></li></ul> <h3 id="enabletips"><a href="#enabletips" class="header-anchor">#</a> <code>enableTips</code></h3> <ul><li><strong>类型:</strong> <code>Boolean</code></li> <li><strong>非侦听属性</strong></li> <li><strong>描述:</strong> 是否开启 tooltip 弹窗</li></ul> <h3 id="tipsoptions"><a href="#tipsoptions" class="header-anchor">#</a> <code>tipsOptions</code></h3> <ul><li><p><strong>类型:</strong> <code>Object</code></p></li> <li><p><strong>非侦听属性</strong></p></li> <li><p><strong>描述:</strong> tooltip 弹窗时的配置参数，tipsOptions 对象中 title 指弹窗的标题，展示 geojson 数据中的某一个字段属性，fields 展示列表，由传参者决定展示哪些字段值</p></li> <li><p><strong>格式:</strong></p> <div class="language-bash extra-class"><pre class="language-bash"><code>eg:
|
|
45
|
-
tipsOptions: <span class="token punctuation">{</span>
|
|
46
|
-
title: <span class="token string">"name"</span>,
|
|
47
|
-
fields: <span class="token punctuation">[</span><span class="token string">"acroutes"</span>, <span class="token string">"adcode"</span><span class="token punctuation">]</span>
|
|
48
|
-
<span class="token punctuation">}</span>
|
|
49
|
-
</code></pre></div></li></ul> <h3 id="custompopup"><a href="#custompopup" class="header-anchor">#</a> <code>customPopup</code></h3> <ul><li><img src="/assets/img/custom_popup_list.6eda8057.png" alt="自定义Popup"></li> <li><strong>类型:</strong> <code>Function</code></li> <li><strong>描述:</strong> JSX 风格的自定义 popup 样式内容, (features) => {}, features 为选中或者点击的样式</li> <li>详情请看下面的示例</li> <li><strong>示例</strong></li></ul> <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>
|
|
50
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
51
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-geojson-layer</span> <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>{ ...geojson }<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
|
|
52
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-web-map</span><span class="token punctuation">></span></span>
|
|
53
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
54
|
-
|
|
55
|
-
<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">
|
|
56
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
57
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"custom-popup"</span><span class="token punctuation">,</span>
|
|
58
|
-
<span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
59
|
-
<span class="token literal-property property">msg</span><span class="token operator">:</span> String
|
|
60
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
61
|
-
<span class="token literal-property property">watch</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
62
|
-
<span class="token function-variable function">center</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">next</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
63
|
-
<span class="token keyword">this</span><span class="token punctuation">.</span>rightmap <span class="token operator">&&</span> <span class="token keyword">this</span><span class="token punctuation">.</span>rightmap<span class="token punctuation">.</span><span class="token function">setCenter</span><span class="token punctuation">(</span>next<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
64
|
-
<span class="token punctuation">}</span>
|
|
65
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
66
|
-
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
67
|
-
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
68
|
-
<span class="token literal-property property">geojson</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
69
|
-
<span class="token literal-property property">baseUrl</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">http://develop.smaryun.com/static/data/geojson/省会城市.geojson</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
|
|
70
|
-
<span class="token literal-property property">enablePopup</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
71
|
-
<span class="token literal-property property">enableTips</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
72
|
-
<span class="token literal-property property">layerStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PointStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
73
|
-
<span class="token literal-property property">radius</span><span class="token operator">:</span> <span class="token number">25000</span><span class="token punctuation">,</span>
|
|
74
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ffff00"</span><span class="token punctuation">,</span>
|
|
75
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
76
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">2.5</span><span class="token punctuation">,</span>
|
|
77
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
78
|
-
<span class="token literal-property property">highlightStyle</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
79
|
-
<span class="token literal-property property">point</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PointStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
80
|
-
<span class="token literal-property property">radius</span><span class="token operator">:</span> <span class="token number">45000</span><span class="token punctuation">,</span>
|
|
81
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
82
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ffffff"</span><span class="token punctuation">,</span>
|
|
83
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">2.5</span><span class="token punctuation">,</span>
|
|
84
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
85
|
-
<span class="token literal-property property">line</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">LineStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
86
|
-
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span>
|
|
87
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#000000"</span><span class="token punctuation">,</span>
|
|
88
|
-
<span class="token literal-property property">shadow</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">Shadow</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">blur</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
89
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
90
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">8</span><span class="token punctuation">,</span>
|
|
91
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
92
|
-
<span class="token literal-property property">polygon</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> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span> <span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">0.7</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
93
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
94
|
-
<span class="token function-variable function">customPopup</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">features</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>
|
|
95
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"jsx-custom-popup"</span> item<span class="token operator">-</span>layout<span class="token operator">=</span><span class="token string">"horizontal"</span><span class="token operator">></span>
|
|
96
|
-
<span class="token punctuation">{</span>features<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">feature</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
97
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
98
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">-</span>item<span class="token operator">></span>
|
|
99
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div
|
|
100
|
-
title<span class="token operator">=</span><span class="token punctuation">{</span>feature<span class="token punctuation">.</span>title<span class="token punctuation">}</span>
|
|
101
|
-
style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">"100%"</span> <span class="token punctuation">}</span><span class="token punctuation">}</span>
|
|
102
|
-
<span class="token operator">></span>
|
|
103
|
-
<span class="token punctuation">{</span>Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>feature<span class="token punctuation">.</span>properties<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">p</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
104
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
105
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
106
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">8</span><span class="token punctuation">}</span><span class="token operator">></span><span class="token punctuation">{</span>p<span class="token punctuation">}</span><span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
107
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
108
|
-
<span class="token punctuation">{</span>feature<span class="token punctuation">.</span>properties<span class="token punctuation">[</span>p<span class="token punctuation">]</span><span class="token punctuation">}</span>
|
|
109
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
110
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
111
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
112
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
113
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div<span class="token operator">></span>
|
|
114
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">-</span>item<span class="token operator">></span>
|
|
115
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
116
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
117
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">></span>
|
|
118
|
-
<span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
119
|
-
<span class="token function-variable function">customTips</span><span class="token operator">:</span> <span class="token parameter">features</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
120
|
-
<span class="token keyword">if</span> <span class="token punctuation">(</span>features<span class="token punctuation">.</span>length <span class="token operator"><=</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
121
|
-
<span class="token keyword">return</span> <span class="token operator"><</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"custom-tips"</span><span class="token operator">></span>未选中<span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span><span class="token punctuation">;</span>
|
|
122
|
-
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
|
|
123
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
124
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"custom-tips"</span> title<span class="token operator">=</span><span class="token punctuation">{</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
125
|
-
<span class="token punctuation">{</span>Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>properties<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">p</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
126
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
127
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
128
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">8</span><span class="token punctuation">}</span><span class="token operator">></span><span class="token punctuation">{</span>p<span class="token punctuation">}</span><span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
129
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
130
|
-
<span class="token punctuation">{</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>properties<span class="token punctuation">[</span>p<span class="token punctuation">]</span><span class="token punctuation">}</span>
|
|
131
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
132
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
133
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
134
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
135
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div<span class="token operator">></span>
|
|
136
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
137
|
-
<span class="token punctuation">}</span>
|
|
138
|
-
<span class="token punctuation">}</span>
|
|
139
|
-
<span class="token punctuation">}</span>
|
|
140
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
141
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
142
|
-
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
143
|
-
<span class="token function">handleRightMap</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
144
|
-
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">"e"</span><span class="token punctuation">,</span> e<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
145
|
-
<span class="token keyword">this</span><span class="token punctuation">.</span>rightmap <span class="token operator">=</span> e<span class="token punctuation">.</span>map<span class="token punctuation">;</span>
|
|
146
|
-
<span class="token punctuation">}</span>
|
|
147
|
-
<span class="token punctuation">}</span>
|
|
148
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
149
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
150
|
-
|
|
151
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
|
152
|
-
<span class="token selector">.map</span> <span class="token punctuation">{</span>
|
|
153
|
-
<span class="token property">height</span><span class="token punctuation">:</span> 100vh<span class="token punctuation">;</span>
|
|
154
|
-
<span class="token property">width</span><span class="token punctuation">:</span> 100vw<span class="token punctuation">;</span>
|
|
155
|
-
<span class="token punctuation">}</span>
|
|
156
|
-
<span class="token selector">.custom-popup</span> <span class="token punctuation">{</span>
|
|
157
|
-
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
|
|
158
|
-
<span class="token property">z-index</span><span class="token punctuation">:</span> 2000<span class="token punctuation">;</span>
|
|
159
|
-
<span class="token property">height</span><span class="token punctuation">:</span> 240px<span class="token punctuation">;</span>
|
|
160
|
-
<span class="token property">overflow-y</span><span class="token punctuation">:</span> scroll<span class="token punctuation">;</span>
|
|
161
|
-
<span class="token punctuation">}</span>
|
|
162
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
|
|
163
|
-
</code></pre></div><h3 id="customtips"><a href="#customtips" class="header-anchor">#</a> <code>customTips</code></h3> <ul><li><img src="/assets/img/custom_popup_tips.7bfbfd71.png" alt="自定义Popup"></li> <li><strong>类型:</strong> <code>Function</code></li> <li><strong>描述:</strong> JSX 风格的自定义 tips 样式内容, (features) => {}, features 为选中或者点击的样式</li> <li>详情请看下面的示例</li> <li><strong>示例</strong></li></ul> <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>
|
|
164
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
165
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-geojson-layer</span> <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>{ ...geojson }<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
|
|
166
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-web-map</span><span class="token punctuation">></span></span>
|
|
167
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
168
|
-
|
|
169
|
-
<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">
|
|
170
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
171
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">"custom-popup"</span><span class="token punctuation">,</span>
|
|
172
|
-
<span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
173
|
-
<span class="token literal-property property">msg</span><span class="token operator">:</span> String
|
|
174
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
175
|
-
<span class="token literal-property property">watch</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
176
|
-
<span class="token function-variable function">center</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">next</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
177
|
-
<span class="token keyword">this</span><span class="token punctuation">.</span>rightmap <span class="token operator">&&</span> <span class="token keyword">this</span><span class="token punctuation">.</span>rightmap<span class="token punctuation">.</span><span class="token function">setCenter</span><span class="token punctuation">(</span>next<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
178
|
-
<span class="token punctuation">}</span>
|
|
179
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
180
|
-
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
181
|
-
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
182
|
-
<span class="token literal-property property">geojson</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
183
|
-
<span class="token literal-property property">baseUrl</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">http://develop.smaryun.com/static/data/geojson/省会城市.geojson</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
|
|
184
|
-
<span class="token literal-property property">enablePopup</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
185
|
-
<span class="token literal-property property">enableTips</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
186
|
-
<span class="token literal-property property">layerStyle</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PointStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
187
|
-
<span class="token literal-property property">radius</span><span class="token operator">:</span> <span class="token number">25000</span><span class="token punctuation">,</span>
|
|
188
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ffff00"</span><span class="token punctuation">,</span>
|
|
189
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
190
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">2.5</span><span class="token punctuation">,</span>
|
|
191
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
192
|
-
<span class="token literal-property property">highlightStyle</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
193
|
-
<span class="token literal-property property">point</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PointStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
194
|
-
<span class="token literal-property property">radius</span><span class="token operator">:</span> <span class="token number">45000</span><span class="token punctuation">,</span>
|
|
195
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
196
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ffffff"</span><span class="token punctuation">,</span>
|
|
197
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">2.5</span><span class="token punctuation">,</span>
|
|
198
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
199
|
-
<span class="token literal-property property">line</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">LineStyle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
200
|
-
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span>
|
|
201
|
-
<span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#000000"</span><span class="token punctuation">,</span>
|
|
202
|
-
<span class="token literal-property property">shadow</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">Shadow</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">blur</span><span class="token operator">:</span> <span class="token number">6</span><span class="token punctuation">,</span> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
203
|
-
<span class="token literal-property property">outlineColor</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span>
|
|
204
|
-
<span class="token literal-property property">outlineWidth</span><span class="token operator">:</span> <span class="token number">8</span><span class="token punctuation">,</span>
|
|
205
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
206
|
-
<span class="token literal-property property">polygon</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> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span> <span class="token literal-property property">opacity</span><span class="token operator">:</span> <span class="token number">0.7</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
207
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
208
|
-
<span class="token function-variable function">customPopup</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">features</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>
|
|
209
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"jsx-custom-popup"</span> item<span class="token operator">-</span>layout<span class="token operator">=</span><span class="token string">"horizontal"</span><span class="token operator">></span>
|
|
210
|
-
<span class="token punctuation">{</span>features<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">feature</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
211
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
212
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">-</span>item<span class="token operator">></span>
|
|
213
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div
|
|
214
|
-
title<span class="token operator">=</span><span class="token punctuation">{</span>feature<span class="token punctuation">.</span>title<span class="token punctuation">}</span>
|
|
215
|
-
style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">"100%"</span> <span class="token punctuation">}</span><span class="token punctuation">}</span>
|
|
216
|
-
<span class="token operator">></span>
|
|
217
|
-
<span class="token punctuation">{</span>Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>feature<span class="token punctuation">.</span>properties<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">p</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
218
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
219
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
220
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">8</span><span class="token punctuation">}</span><span class="token operator">></span><span class="token punctuation">{</span>p<span class="token punctuation">}</span><span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
221
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
222
|
-
<span class="token punctuation">{</span>feature<span class="token punctuation">.</span>properties<span class="token punctuation">[</span>p<span class="token punctuation">]</span><span class="token punctuation">}</span>
|
|
223
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
224
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
225
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
226
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
227
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div<span class="token operator">></span>
|
|
228
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">-</span>item<span class="token operator">></span>
|
|
229
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
230
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
231
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>list<span class="token operator">></span>
|
|
232
|
-
<span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
233
|
-
<span class="token function-variable function">customTips</span><span class="token operator">:</span> <span class="token parameter">features</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
234
|
-
<span class="token keyword">if</span> <span class="token punctuation">(</span>features<span class="token punctuation">.</span>length <span class="token operator"><=</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
235
|
-
<span class="token keyword">return</span> <span class="token operator"><</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"custom-tips"</span><span class="token operator">></span>未选中<span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span><span class="token punctuation">;</span>
|
|
236
|
-
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
|
|
237
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
238
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"custom-tips"</span> title<span class="token operator">=</span><span class="token punctuation">{</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
239
|
-
<span class="token punctuation">{</span>Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>properties<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">p</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
240
|
-
<span class="token keyword">return</span> <span class="token punctuation">(</span>
|
|
241
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
242
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">8</span><span class="token punctuation">}</span><span class="token operator">></span><span class="token punctuation">{</span>p<span class="token punctuation">}</span><span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
243
|
-
<span class="token operator"><</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col span<span class="token operator">=</span><span class="token punctuation">{</span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
|
|
244
|
-
<span class="token punctuation">{</span>features<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>properties<span class="token punctuation">[</span>p<span class="token punctuation">]</span><span class="token punctuation">}</span>
|
|
245
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>col<span class="token operator">></span>
|
|
246
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>row<span class="token operator">></span>
|
|
247
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
248
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
|
|
249
|
-
<span class="token operator"><</span><span class="token operator">/</span>mapgis<span class="token operator">-</span>ui<span class="token operator">-</span>div<span class="token operator">></span>
|
|
250
|
-
<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
251
|
-
<span class="token punctuation">}</span>
|
|
252
|
-
<span class="token punctuation">}</span>
|
|
253
|
-
<span class="token punctuation">}</span>
|
|
254
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
255
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
256
|
-
<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
257
|
-
<span class="token function">handleRightMap</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
258
|
-
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">"e"</span><span class="token punctuation">,</span> e<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
259
|
-
<span class="token keyword">this</span><span class="token punctuation">.</span>rightmap <span class="token operator">=</span> e<span class="token punctuation">.</span>map<span class="token punctuation">;</span>
|
|
260
|
-
<span class="token punctuation">}</span>
|
|
261
|
-
<span class="token punctuation">}</span>
|
|
262
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
263
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
264
|
-
|
|
265
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
|
|
266
|
-
<span class="token selector">.map</span> <span class="token punctuation">{</span>
|
|
267
|
-
<span class="token property">height</span><span class="token punctuation">:</span> 100vh<span class="token punctuation">;</span>
|
|
268
|
-
<span class="token property">width</span><span class="token punctuation">:</span> 100vw<span class="token punctuation">;</span>
|
|
269
|
-
<span class="token punctuation">}</span>
|
|
270
|
-
<span class="token selector">.custom-popup</span> <span class="token punctuation">{</span>
|
|
271
|
-
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
|
|
272
|
-
<span class="token property">z-index</span><span class="token punctuation">:</span> 2000<span class="token punctuation">;</span>
|
|
273
|
-
<span class="token property">height</span><span class="token punctuation">:</span> 240px<span class="token punctuation">;</span>
|
|
274
|
-
<span class="token property">overflow-y</span><span class="token punctuation">:</span> scroll<span class="token punctuation">;</span>
|
|
275
|
-
<span class="token punctuation">}</span>
|
|
276
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
|
|
277
|
-
</code></pre></div><h2 id="事件"><a href="#事件" class="header-anchor">#</a> 事件</h2> <h3 id="load"><a href="#load" class="header-anchor">#</a> load</h3> <p>事件载荷包含以下部分:</p> <ul><li><code>component</code> 组件自身 this 引用</li></ul> <h3 id="bbox"><a href="#bbox" class="header-anchor">#</a> bbox</h3> <blockquote><p>计算 bbox，发生在 load 事件之后
|
|
278
|
-
事件载荷包含以下部分:</p></blockquote> <ul><li><code>bbox</code> 数据对应的空间范围 [<code>minx</code>, <code>miny</code>, <code>maxx</code>, <code>maxy</code>]</li></ul> <h2 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h2> <h3 id="绘制区要素-建筑物-分段专题图"><a href="#绘制区要素-建筑物-分段专题图" class="header-anchor">#</a> 绘制区要素 建筑物 分段专题图</h3> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
|
279
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
280
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mapgis-3d-geojson-layer</span>
|
|
281
|
-
<span class="token attr-name">:baseUrl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>baseUrl<span class="token punctuation">"</span></span>
|
|
282
|
-
<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>
|
|
283
|
-
<span class="token attr-name">:renderer</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>renderer<span class="token punctuation">"</span></span>
|
|
284
|
-
<span class="token punctuation">></span></span>
|
|
285
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-3d-igs-feature-layer</span><span class="token punctuation">></span></span>
|
|
286
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mapgis-web-scene</span><span class="token punctuation">></span></span>
|
|
287
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
288
|
-
|
|
289
|
-
<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">
|
|
290
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
291
|
-
<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
292
|
-
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
293
|
-
<span class="token literal-property property">baseUrl</span><span class="token operator">:</span> <span class="token string">"http://localhost:8895/geojson/buildings.json"</span><span class="token punctuation">,</span>
|
|
294
|
-
<span class="token literal-property property">autoReset</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
295
|
-
<span class="token literal-property property">renderer</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ClassBreaksRenderer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
296
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">"class-breaks"</span><span class="token punctuation">,</span>
|
|
297
|
-
<span class="token literal-property property">field</span><span class="token operator">:</span> <span class="token string">"mpPerimete"</span><span class="token punctuation">,</span>
|
|
298
|
-
<span class="token literal-property property">defaultSymbol</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PolygonSymbol3D</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
299
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'polygon-3d'</span><span class="token punctuation">,</span>
|
|
300
|
-
<span class="token literal-property property">symbolLayers</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ExtrudeSymbol3DLayer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
301
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">"extrude"</span><span class="token punctuation">,</span>
|
|
302
|
-
<span class="token literal-property property">material</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#ff0000"</span><span class="token punctuation">,</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
303
|
-
<span class="token literal-property property">sizeField</span><span class="token operator">:</span> <span class="token string">"AREA"</span><span class="token punctuation">,</span>
|
|
304
|
-
<span class="token literal-property property">sizeRatio</span><span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
|
|
305
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
306
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
307
|
-
<span class="token literal-property property">defaultLabel</span><span class="token operator">:</span> <span class="token string">"其他"</span><span class="token punctuation">,</span>
|
|
308
|
-
<span class="token literal-property property">classBreakInfos</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
309
|
-
<span class="token punctuation">{</span>
|
|
310
|
-
<span class="token literal-property property">maxValue</span><span class="token operator">:</span> <span class="token number">0.004</span><span class="token punctuation">,</span>
|
|
311
|
-
<span class="token literal-property property">minValue</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
|
|
312
|
-
<span class="token literal-property property">symbol</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PolygonSymbol3D</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
313
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'polygon-3d'</span><span class="token punctuation">,</span>
|
|
314
|
-
<span class="token literal-property property">symbolLayers</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ExtrudeSymbol3DLayer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
315
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">"extrude"</span><span class="token punctuation">,</span>
|
|
316
|
-
<span class="token literal-property property">material</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#00ff00"</span><span class="token punctuation">,</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
317
|
-
<span class="token literal-property property">sizeField</span><span class="token operator">:</span> <span class="token string">"AREA"</span><span class="token punctuation">,</span>
|
|
318
|
-
<span class="token literal-property property">sizeRatio</span><span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
|
|
319
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
320
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
321
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
322
|
-
<span class="token punctuation">{</span>
|
|
323
|
-
<span class="token literal-property property">maxValue</span><span class="token operator">:</span> <span class="token number">0.006</span><span class="token punctuation">,</span>
|
|
324
|
-
<span class="token literal-property property">minValue</span><span class="token operator">:</span> <span class="token number">0.004</span><span class="token punctuation">,</span>
|
|
325
|
-
<span class="token literal-property property">symbol</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">PolygonSymbol3D</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
326
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'polygon-3d'</span><span class="token punctuation">,</span>
|
|
327
|
-
<span class="token literal-property property">symbolLayers</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ExtrudeSymbol3DLayer</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
328
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">"extrude"</span><span class="token punctuation">,</span>
|
|
329
|
-
<span class="token literal-property property">material</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">"#0000ff"</span><span class="token punctuation">,</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
330
|
-
<span class="token literal-property property">sizeField</span><span class="token operator">:</span> <span class="token string">"AREA"</span><span class="token punctuation">,</span>
|
|
331
|
-
<span class="token literal-property property">sizeRatio</span><span class="token operator">:</span> <span class="token number">100</span><span class="token punctuation">,</span>
|
|
332
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
333
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
334
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
335
|
-
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
336
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
337
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
338
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
339
|
-
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
|
340
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
341
|
-
</code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
|
342
|
-
←
|
|
343
|
-
<a href="/api/layer/Tileset/tileset.html" class="prev">
|
|
344
|
-
3DTiles
|
|
345
|
-
</a></span> <span class="next"><a href="/api/layer/marker/DynamicMarker.html">
|
|
346
|
-
动态注记
|
|
347
|
-
</a>
|
|
348
|
-
→
|
|
349
|
-
</span></p></div> </main></div><div class="global-ui"></div></div>
|
|
350
|
-
<script src="/assets/js/app.86648983.js" defer></script><script src="/assets/js/3.8682ab0b.js" defer></script><script src="/assets/js/15.c58479e4.js" defer></script>
|
|
351
|
-
</body>
|
|
352
|
-
</html>
|