@mapgis/webclient-vue-cesium 10.5.5-1 → 10.5.5-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/README.md +46 -49
  2. package/dist-libs/webclient-vue-cesium.common.js +191087 -0
  3. package/dist-libs/webclient-vue-cesium.css +1 -1
  4. package/dist-libs/webclient-vue-cesium.umd.js +191097 -0
  5. package/dist-libs/webclient-vue-cesium.umd.min.js +204 -194
  6. package/docs/.vuepress/config.js +47 -46
  7. package/docs/README.md +5 -4
  8. package/docs/api/analysis/Aspect.md +236 -0
  9. package/docs/api/analysis/Contour.md +240 -0
  10. package/docs/api/analysis/CutFill.md +306 -0
  11. package/docs/api/analysis/DynamicSection.md +336 -0
  12. package/docs/api/analysis/Excavate.md +3 -11
  13. package/docs/api/analysis/Flood.md +177 -200
  14. package/docs/api/analysis/HeightLimited.md +7 -4
  15. package/docs/api/analysis/ParticleEffects.md +549 -0
  16. package/docs/api/analysis/Profile.md +464 -0
  17. package/docs/api/analysis/Shadow.md +76 -13
  18. package/docs/api/analysis/Sightline.md +66 -13
  19. package/docs/api/analysis/Skyline.md +144 -29
  20. package/docs/api/analysis/Slope.md +236 -0
  21. package/docs/api/analysis/Viewshed.md +100 -21
  22. package/docs/api/layer/IGServer/IgsDocLayer.md +10 -0
  23. package/docs/api/layer/IGServer/IgsFeatureLayer.md +253 -0
  24. package/docs/api/layer/IGServer/IgsTileLayer.md +11 -0
  25. package/docs/api/layer/OGC/CesiumOgcWmsLayer.md +20 -19
  26. package/docs/api/layer/OGC/Wms.png +0 -0
  27. package/docs/api/layer/marker/DynamicMarker.md +81 -0
  28. package/docs/api/layer/marker/dynamicmarker.png +0 -0
  29. package/docs/api/layer/marker/selects.png +0 -0
  30. package/docs/api/layer/vectortile/vectortile.md +10 -0
  31. package/docs/api/m3d/image/layer_control_1.png +0 -0
  32. package/docs/api/m3d/image/layer_control_2.png +0 -0
  33. package/docs/api/m3d/image/layer_control_3.png +0 -0
  34. package/docs/api/m3d/m3d.md +13 -2
  35. package/docs/api/service/comprehensiveQuery/comprehensiveQuery.md +946 -0
  36. package/docs/api/ui/draw.md +68 -40
  37. package/docs/api/ui/link.md +8 -1
  38. package/docs/api/ui/marker.md +19 -1
  39. package/docs/api/ui/measure.md +82 -10
  40. package/docs/api/ui/table.md +6 -6
  41. package/docs/guide/README.md +26 -23
  42. package/docs/guide/basemap.md +35 -33
  43. package/docs/guide/markers&popups.md +46 -53
  44. package/docs/plugin_components/create_storybook.md +241 -0
  45. package/docs/plugin_components/img.png +0 -0
  46. package/docs/plugin_components/img_1.png +0 -0
  47. package/docs/plugin_components/img_10.png +0 -0
  48. package/docs/plugin_components/img_2.png +0 -0
  49. package/docs/plugin_components/img_3.png +0 -0
  50. package/docs/plugin_components/img_4.png +0 -0
  51. package/docs/plugin_components/img_5.png +0 -0
  52. package/docs/plugin_components/img_6.png +0 -0
  53. package/docs/plugin_components/img_7.png +0 -0
  54. package/docs/plugin_components/img_8.png +0 -0
  55. package/docs/version/diff.md +4 -4
  56. package/docs/version/version.md +81 -0
  57. package/package.json +5 -5
  58. package/src/cdn/cdn_component.js +62 -0
  59. package/src/component.js +20 -2
  60. package/src/components/Analysis/Aspect.vue +318 -0
  61. package/src/components/Analysis/Contour.vue +257 -0
  62. package/src/components/Analysis/CutFill.vue +581 -0
  63. package/src/components/Analysis/DynamicCutting.vue +98 -59
  64. package/src/components/Analysis/DynamicSection.vue +494 -0
  65. package/src/components/Analysis/Excavate.vue +133 -87
  66. package/src/components/Analysis/Flood.vue +395 -487
  67. package/src/components/Analysis/Flood.vue-- +630 -0
  68. package/src/components/Analysis/HeightLimited.vue +66 -47
  69. package/src/components/Analysis/ModelFlatten.vue +2 -2
  70. package/src/components/Analysis/Profile.vue +503 -0
  71. package/src/components/Analysis/Shadow.vue +220 -309
  72. package/src/components/Analysis/Sightline.vue +393 -375
  73. package/src/components/Analysis/SkyLine.vue +283 -93
  74. package/src/components/Analysis/Slope.vue +317 -0
  75. package/src/components/Analysis/Viewshed.vue +806 -373
  76. package/src/components/Analysis/skyline2dChartOptions.js +66 -0
  77. package/src/components/DataSource/Geojson/GeoJsonDataSource.vue +201 -3
  78. package/src/components/Layer/GeoJSON/GeoJsonLayer.vue +345 -0
  79. package/src/components/Layer/IGServer/IgsFeatureLayer.vue +227 -0
  80. package/src/components/Layer/Marker/DynamicMarkerLayer.vue +487 -0
  81. package/src/components/Layer/Marker/Marker3dPro.vue +196 -0
  82. package/src/components/Layer/Marker/Marker3dSetPro.vue +67 -0
  83. package/src/components/Layer/VectorTile/VectorTileLayer.vue +117 -33
  84. package/src/components/Layer/VectorTile/VectorTileOptions.js +1 -1
  85. package/src/components/M3D/3DTilesetOptions.js +23 -1
  86. package/src/components/M3D/G3D.vue +150 -0
  87. package/src/components/M3D/M3d.vue +142 -32
  88. package/src/components/M3D/M3dSet.vue +118 -0
  89. package/src/components/M3D/M3dType.js +24 -0
  90. package/src/components/Overlay/Mapv3dLayer.vue +2 -0
  91. package/src/components/Overlay/ParticleEffects.vue +545 -0
  92. package/src/components/Overlay/mapv/MapvBaseLayer.js +351 -172
  93. package/src/components/Overlay/mapv/MapvLayer.js +372 -324
  94. package/src/components/Overlay/mapv/SuperCluster.js +611 -0
  95. package/src/components/Overlay/themeLayer/heater/CesiumHeater.vue +152 -0
  96. package/src/components/Overlay/themeLayer/heater/MapvHeater.vue +161 -0
  97. package/src/components/UI/Controls/Draw/Draw.vue +320 -92
  98. package/src/components/UI/Controls/Legend/Legend.vue +55 -51
  99. package/src/components/UI/Controls/Link/Link.vue +59 -37
  100. package/src/components/UI/Controls/Measure/Measure.vue +75 -33
  101. package/src/components/UI/Controls/Measure/components/MeasureResult.vue +71 -0
  102. package/src/components/UI/Controls/Measure/components/MeasureSetting.vue +63 -0
  103. package/src/components/UI/Controls/Measure/components/MeasureTool.vue +155 -0
  104. package/src/components/UI/Geojson/Popup.vue +101 -0
  105. package/src/components/UI/Marker/Marker.vue +185 -48
  106. package/src/components/UI/Popup/Popup.vue +21 -64
  107. package/src/components/Utils/common/color-util.js +159 -0
  108. package/src/components/Utils/util.js +311 -231
  109. package/src/components/WebGlobe/manager.js +81 -3
  110. package/src/components/WebGlobe/mixins/withPrivateMethods.js +4 -2
  111. package/src/components/WebGlobe/util.js +173 -0
  112. package/src/components/service/comprehensive-query/ComprehensiveQuery.vue +156 -0
  113. package/src/components/service/comprehensive-query/PlaceNameCesium.vue +102 -0
  114. package/src/components/service/comprehensive-query/util/catalog/document.js +626 -0
  115. package/src/components/service/comprehensive-query/util/feature/arcgis-feature-query.js +448 -0
  116. package/src/components/service/comprehensive-query/util/feature/feature-convert.js +408 -0
  117. package/src/components/service/comprehensive-query/util/feature/feature-edit.js +50 -0
  118. package/src/components/service/comprehensive-query/util/feature/feature-geojson.js +100 -0
  119. package/src/components/service/comprehensive-query/util/feature/feature-query.js +723 -0
  120. package/src/components/service/comprehensive-query/util/feature/feature.js +1 -0
  121. package/src/components/service/comprehensive-query/util/feature/index.js +9 -0
  122. package/src/components/service/comprehensive-query/util/objects/geometry.js +58 -0
  123. package/src/components/Overlay/Mapv.vue +0 -142
  124. package/src/components/Overlay/MapvHeater.vue +0 -98
@@ -0,0 +1,253 @@
1
+ # IGServer 要素图层
2
+
3
+ > mapgis-3d-igs-Feature-layer
4
+
5
+ <font style="color:red;fontsize=5px;"> 注意:</font>由于三维底层支持原因,目前仅支持4326坐标系的要素图层,
6
+ > 若要实现3857坐标系要素查询,则需要在矢量地图文档发布前,
7
+ > 在igserver桌面端先动态投影成经纬度,再发布地图文档。
8
+ > 若以gdpb的形式加载图层,也需要提前转换成经纬度坐标系才能查询要素。
9
+
10
+ ## 属性
11
+
12
+ ### `baseUrl`
13
+
14
+ - **类型:** `String`
15
+ - **必填**
16
+ - **侦听属性**
17
+ - **描述:**
18
+ > 服务基地址:发布的文档地址,或Igs图层服务地址,对应的layers参数不同, 使用Igs图层服务地址通过gdbp仅能加载二维矢量图层。 eg:二维地图文档地址:http://[host]:[port]/igs/rest/mrfs/docs/{docName}, 三维地图文档地址:http://[host]:[port]/igs/rest/g3d/{docName}, Igs图层服务地址:http://[host]:[port]/igs/rest/mrfs/layer
19
+
20
+ ### `mapIndex`
21
+
22
+ - **类型:** `Number`
23
+ - **可选**
24
+ - **非侦听属性**
25
+ - **默认值:** `0`
26
+ - **描述:** 地图在发布的文档的序号,一般是文档的第一个序号中的地图
27
+
28
+ ### `layers`
29
+
30
+ - **类型:** `String`
31
+ - **必传**
32
+ - **侦听属性**
33
+ - **描述:**
34
+ > 图层id,即要加载哪些图层,
35
+ > 分为地图文档加载(layers为0,1,2...)和gdbp地址加载(layers为gdbp1,gdbp2,...),分别对应两种url参数,
36
+ > 地图文档加载示例:layers:0,1 表示只显示 layerIndex 为 0, 1 的图层。
37
+
38
+ ### autoReset
39
+
40
+ - **类型:** `Boolean`
41
+ - **可选**
42
+ - **非侦听属性**
43
+ - **描述:** 图层id,即要加载哪些图层,
44
+
45
+ ### loadAll
46
+
47
+ - **类型:** `Boolean`
48
+ - **可选**
49
+ - **非侦听属性**
50
+ - **默认值** `false`
51
+ - **描述:** 是否加载所有数据,默认以矢量瓦片形式动态加载
52
+
53
+ ### setViewToExisting
54
+
55
+ - **类型:** `Boolean`
56
+ - **可选**
57
+ - **非侦听属性**
58
+ - **默认值** `false`
59
+ - **描述:** 视角是否定位到现存要素的范围,仅当loadAll=true时有效
60
+
61
+ ### clampToGround
62
+
63
+ - **类型:** `Boolean`
64
+ - **可选**
65
+ - **非侦听属性**
66
+ - **默认值** `false`
67
+ - **描述:** 是否贴地,当加载三维地图文档或矢量白模时该属性无效
68
+
69
+ ### filter
70
+
71
+ - **类型:** `Object|Array`
72
+ - **可选**
73
+ - **侦听属性**
74
+ - **描述:** 全局过滤条件对象,或过滤条件数组对象,过滤条件数组顺序与图层顺序一致,空对象则默认无过滤。
75
+ - **示例:**
76
+ ```json
77
+ filter: {
78
+ where: 'OBJECTID>500'
79
+ }
80
+ ```
81
+
82
+ ### featureStyle
83
+
84
+ - **类型:** `Object|Array`
85
+ - **可选**
86
+ - **侦听属性**
87
+ - **描述:** 矢量地图文档的全局style样式对象,或分图层style样式对象数组,样式顺序与图层顺序一致,空对象则使用符号系统库或默认样式
88
+ featureStyle包含一下两个属性:
89
+
90
+ | Name | Type | Description
91
+ | :------ | :----------------------------------------------------------------- | :--------------------------------------------------------------
92
+ | type | String |style样式类型,可选参数为"point、line、polygon、building",对应点,线,区,区矢量白模 |
93
+ | parameters | Object | 具体参数对象 |
94
+
95
+ 其中parameters对象中包括以下属性:
96
+
97
+ | Name | Type | Description
98
+ | :------ | :----------------------------------------------------------------- | :--------------------------------------------------------------
99
+ | color | String | rgba或者十六进制颜色 | layers 为空 null undefined,不显示图层 |
100
+ | size | Number | 点符号大小,仅当options.style.type="point"时生效 |
101
+ | outlineColor | String | 边框线颜色,仅当options.style.type="point或polygon或building"时生效,当传入边框线颜色或边框线宽度参数时启用边框线 |
102
+ | outlineWidth | Number | 边框线宽度,仅当options.style.type="point"时生效,当传入边框线颜色或边框线宽度参数时启用边框线,"polygon或building"边框线宽度仅能为默认值1。 |
103
+ | width | Number | 线宽,仅当options.style.type="line"时生效 |
104
+ | heightField | String | 用作区矢量白模高程的属性字段名称,不设置则高程为零,仅当options.style.type="building"时生效 |
105
+ | heightRatio | Number | 区矢量白模高程放缩比例,默认1.0,仅当options.style.type="building"时生效 |
106
+
107
+
108
+ ### `vueKey`
109
+
110
+ - **类型:** `String`
111
+ - **可选**
112
+ - **非侦听属性**
113
+ - **默认值:** `default`
114
+ - **描述:**
115
+ > mapgis-web-scene 组件的 ID,当使用多个 mapgis-web-scene 组件时,需要指定该值,来唯一标识 mapgis-web-scene 组件, <br/>
116
+ > 同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey,让组件知道应该作用于哪一个 mapgis-web-scene。
117
+
118
+ ### `vueIndex`
119
+
120
+ - **类型:** `Number`
121
+ - **可选**
122
+ - **非侦听属性**
123
+ - **描述:**
124
+ > 当 mapgis-web-scene 插槽中使用了多个相同组件时,例如多个 mapgis-3d-igs-doc-layer 组件,用来区分组件的标识符。
125
+
126
+ ## 事件
127
+
128
+ ### `@load`
129
+
130
+ - **Description:** 在要素图层加载完毕后发送该事件
131
+ - **Payload** 事件载荷如下所示:
132
+ - `featureLayers` 当前要素图层对象
133
+
134
+ ## 示例
135
+
136
+ ### 加载 文档要素
137
+
138
+ ```vue
139
+
140
+ <template>
141
+ <mapgis-web-scene>
142
+ <mapgis-3d-igs-feature-layer
143
+ :base-url="baseUrl"
144
+ :layers="layers"
145
+ :featureStyle="featureStyle"
146
+ :filter="filter">
147
+ </mapgis-3d-igs-feature-layer>
148
+ </mapgis-web-scene>
149
+ </template>
150
+
151
+ <script>
152
+ export default {
153
+ data() {
154
+ return {
155
+ //要加载的url,本地发布的二维文档,坐标系为4326
156
+ baseUrl: "http://localhost:6163/igs/rest/mrms/docs/kunshan",
157
+ //featureStyle:传对象或数组对象
158
+ featureStyle: [{
159
+ type: 'polygon',
160
+ parameters: {
161
+ color: "rgba(218,98,125,0.6)",
162
+ outline: true,
163
+ outlineColor: "rgba(255,255,0,0.5)",
164
+ }
165
+ }],
166
+ filter: {where: "mpArea>2880000"},
167
+ //layers 显示图层顺序为0的
168
+ layers: "0",
169
+ };
170
+ }
171
+ };
172
+ </script>
173
+ ```
174
+
175
+ :::
176
+
177
+ ### 加载 矢量图层要素
178
+
179
+ ```vue
180
+
181
+ <template>
182
+ <mapgis-web-scene>
183
+ <mapgis-3d-igs-feature-layer
184
+ :base-url="baseUrl"
185
+ :layers="layers"
186
+ :featureStyle="featureStyle"
187
+ :filter="filter">
188
+ </mapgis-3d-igs-feature-layer>
189
+ </mapgis-web-scene>
190
+ </template>
191
+
192
+ <script>
193
+ export default {
194
+ data() {
195
+ return {
196
+ //要加载的url,本地发布的二维文档,坐标系为4326
197
+ baseUrl:"http://localhost:6163/igs/rest/mrfs/layer",
198
+ featureStyle: {
199
+ type: 'polygon',
200
+ parameters: {
201
+ color: "rgba(218,98,125,0.6)",
202
+ outline: true,
203
+ outlineColor: "rgba(255,255,0,0.5)",
204
+ }
205
+ },
206
+ filter: {where: "mpArea>2880000"},
207
+ layers: "gdbp://MapGISLocalPlus/示例数据/sfcls/KS_buildings",
208
+ };
209
+ }
210
+ };
211
+ </script>
212
+ ```
213
+
214
+ ### 设置building - 矢量白膜
215
+
216
+ ```vue
217
+
218
+ <template>
219
+ <mapgis-web-scene>
220
+ <mapgis-3d-igs-feature-layer
221
+ :base-url="baseUrl"
222
+ :layers="layers"
223
+ :featureStyle="featureStyle"
224
+ :filter="filter">
225
+ </mapgis-3d-igs-feature-layer>
226
+ </mapgis-web-scene>
227
+ </template>
228
+
229
+ <script>
230
+ export default {
231
+ data() {
232
+ return {
233
+ //要加载的url,本地发布的二维文档,坐标系为4326
234
+ baseUrl: "http://localhost:6163/igs/rest/mrms/docs/kunshan",
235
+ //featureStyle:传对象或数组对象
236
+ featureStyle: [{
237
+ type: 'building',
238
+ parameters: {
239
+ heightField: 'HEIGHT',
240
+ // heightField: 'mpPerimeter',
241
+ heightRatio: 20,
242
+ color: "rgba(218,98,125,0.6)",
243
+ outline: true,
244
+ outlineColor: "rgba(255,255,0,0.5)",
245
+ }
246
+ }],
247
+ filter: {where: "mpArea>2880000"},
248
+ layers: "0",
249
+ };
250
+ }
251
+ };
252
+ </script>
253
+ ```
@@ -87,6 +87,17 @@
87
87
  - **默认值** `20`
88
88
  - **描述:** 瓦片最大级别
89
89
 
90
+
91
+ ### `layerStyle`
92
+
93
+ - **类型:** `Object`
94
+ - **可选**
95
+ - **侦听属性**
96
+ - **描述:** 控制地图的显隐、透明度以及顺序,有如下值:
97
+ > visible Boolean 控制图层显示或隐藏,不会重新加载图层,true:显示图层、fales:隐藏图层 <br/>
98
+ > opacity Number 控制图层透明度,会重新加载图层,0 - 1 之间的数字,0:隐藏,1:显示 <br/>
99
+ > zIndex Number 控制图层顺序,会重新加载图层,类似 css 里面的 z-index,从 1 开始的数字 <br/>
100
+
90
101
  ## 示例
91
102
 
92
103
  ::: demo
@@ -11,10 +11,8 @@
11
11
  - **非侦听属性**
12
12
  - **描述:** 服务基地址
13
13
  - **示例:** <br/>
14
- > 请求 igs 时: <br/>
15
- > http://{ip}:{port}/igs/rest/ogc/doc/{mapName}/WMSServer <br/>
16
- > 请求 arcgis 时: <br/>
17
- > http://219.142.81.85/arcgis/services/矿产地数据库2019/ferrous_metal/MapServer/WmsServer <br/>
14
+ > 请求 igs 时: <br/> > http://{ip}:{port}/igs/rest/ogc/doc/{mapName}/WMSServer <br/>
15
+ > 请求 arcgis 时: <br/> > http://219.142.81.85/arcgis/services/矿产地数据库2019/ferrous_metal/MapServer/WmsServer <br/>
18
16
 
19
17
  ### `layers`
20
18
 
@@ -23,14 +21,11 @@
23
21
  - **侦听属性**
24
22
  - **描述:** 图层名称或 Id
25
23
  > 图层名称或 Id,多个值以逗号分隔,不传时不显示地图 <br/>
26
- > igs 使用地图名称 <br/>
27
- > arcgis 根据版本不同,可使用 id 或名称,具体请看 arcgis 的 wms 服务的 xml 文档,例如: <br/>
28
- > http://219.142.81.85/arcgis/services/矿产地数据库2019/ferrous_metal/MapServer/WMSServer?request=GetCapabilities&service=WMS <br/>
29
- > ... <br/>
30
- > \<Layer queryable="1"\> <br/>
31
- > \<Name>0\</Name> <br/>
32
- > ... <br/>
33
- > \</Layer\> <br/>
24
+ > igs 使用地图名称,即为通过图层的基地址(如`http://192.168.81.103:8089/igs/rest/ogc/doc/北京市/WMSServer`)查询的地图图层信息中的 `Name` 字段 <br/>
25
+ > ![](./Wms.png)
26
+ > arcgis 根据版本不同,可使用 id 或名称,具体请看 arcgis 的 wms 服务的 xml 文档,例如: <br/> > http://219.142.81.85/arcgis/services/矿产地数据库2019/ferrous_metal/MapServer/WMSServer?request=GetCapabilities&service=WMS <br/>
27
+ > ... <br/> > \<Layer queryable="1"\> <br/> > \<Name>0\</Name> <br/>
28
+ > ... <br/> > \</Layer\> <br/>
34
29
  > ... <br/>
35
30
  > 在此文档中找到 Layer 下面的\<Name\>0\</Name\>属性,这里指定图层名称为 0,因此按 id 来查询,若指定名称为英文或汉字则按名称查询
36
31
 
@@ -133,7 +128,7 @@ All common layer [events](/zh/api/Layers/#events)
133
128
 
134
129
  ```vue
135
130
  <template>
136
- <mapgis-web-scene @load="handleLoad">
131
+ <mapgis-web-scene @load="handleLoad">
137
132
  <mapgis-3d-ogc-wms-layer :baseUrl="baseUrl" :layers="layers" :srs="srs" />
138
133
  </mapgis-web-scene>
139
134
  </template>
@@ -143,9 +138,11 @@ export default {
143
138
  data() {
144
139
  return {
145
140
  //服务基地址
146
- baseUrl: "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
141
+ baseUrl:
142
+ "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
147
143
  //要显示的图层名称
148
- layers: '北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点',
144
+ layers:
145
+ "北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点",
149
146
  //坐标参考系
150
147
  srs: "EPSG:4326"
151
148
  };
@@ -221,9 +218,11 @@ export default {
221
218
  data() {
222
219
  return {
223
220
  //服务基地址
224
- baseUrl: "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
221
+ baseUrl:
222
+ "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
225
223
  //要显示的图层名称
226
- layers: '北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点',
224
+ layers:
225
+ "北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点",
227
226
  //坐标参考系
228
227
  srs: "EPSG:4326"
229
228
  };
@@ -298,9 +297,11 @@ export default {
298
297
  zIndex: 105
299
298
  },
300
299
  //服务基地址
301
- baseUrl2: "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
300
+ baseUrl2:
301
+ "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer",
302
302
  //要显示的图层名称
303
- layers: '北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点',
303
+ layers:
304
+ "北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院,商业用地,建筑物,铁路_1,铁路_2,铁路_3,主干道,主干道,高速公路_1,高速公路_1_9-10,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,三级道路_链接,三级道路,二级道路_链接,二级道路,一级道路_链接,一级道路,地铁,主干道_链接,主干道,主干道,高速公路_链接,高速公路_2,高速公路_2,地铁站POI,山顶,果园poi,汽车站点POI,大学poi,学校poi,中小学POI,幼儿园POI,医院POI,口腔医院POI,派出所POI,检察院POI,银行POI,邮局POI,体育馆POI,纪念碑POI,博物馆POI,名胜古迹点,动物园poi,观光胜地poi,主题公园POI,宾馆POI,百货店POI,便利店POI,书店POI,快餐POI,咖啡馆POI,电影院POI,高尔夫poi,村庄点,市镇点,区县点,首都点",
304
305
  //坐标参考系
305
306
  srs: "EPSG:4326",
306
307
  //样式信息
Binary file
@@ -0,0 +1,81 @@
1
+ # 动态注记图层
2
+
3
+ > mapgis-3d-dynamic-marker-layer
4
+
5
+ ![动态注记](./dynamicmarker.png)
6
+
7
+ ## 属性
8
+
9
+ ### `data`
10
+
11
+ - **类型:** `Object | String`
12
+ - **侦听属性**
13
+ - **描述:** Geojson 数据源
14
+ - **参考:** 目前只支持 FeatureCollection 的格式
15
+
16
+ ### `layerStyle`
17
+
18
+ - **类型:** `Object`
19
+ - **非侦听属性**
20
+ - **描述:** 当前图层的显示样式,只能是 MarkerStyle
21
+ - **默认值**
22
+
23
+ ```js
24
+ const DefaultInactiveImagePlotting =
25
+ "data:image/png;base64,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";
26
+ let layerStyle = {
27
+ marker: new MarkerStyle({
28
+ symbol: DefaultInactiveImagePlotting
29
+ })
30
+ };
31
+ ```
32
+
33
+ ### `highlight`
34
+
35
+ - **类型:** `Boolean`
36
+ - **描述:** 是否激活高亮
37
+ - **默认值** true
38
+
39
+ ### `highlightStyle`
40
+
41
+ - **类型:** `Object`
42
+ - **非侦听属性**
43
+ - **描述:** 当前图层的高亮样式,如 MarkerStyle、PointStyle、LineStyle、FillStyle
44
+ - **默认值**
45
+
46
+ ```js
47
+ let layerStyle = {
48
+ marker: new MarkerStyle({
49
+ symbol: DefaultActiveImagePlotting
50
+ }),
51
+ point: new PointStyle(),
52
+ line: new LineStyle(),
53
+ polygon: new FillStyle()
54
+ };
55
+ ```
56
+
57
+ ### `idField`
58
+
59
+ - **类型:** `String`
60
+ - **描述:** 要素唯一 id 字段,用来过滤、查询、高亮
61
+ - **默认值** fid
62
+
63
+ ### `selects`
64
+
65
+ - **类型:** `Array`
66
+ - **描述:** 当前选中的要素 id 的数组,一旦设置则默认高亮激活对应的要素
67
+ - **默认值** []
68
+ - ![selects](./selects.png)
69
+
70
+ ### `fitBound`
71
+
72
+ - **类型:** `Object`
73
+ - **描述:** 缩放当前视图到指定的的范围 { xmin, ymin, xmax, ymax }
74
+ - **默认值** {}
75
+
76
+ ## 事件
77
+
78
+ ### `map-bound-change`
79
+
80
+ - **载荷** {xmin, ymin, xmax, ymax}
81
+ - **描述** 当地图范围发生了改变时候,一般是动态改变 selects 后导致的自动缩放到对用的视图。
@@ -78,6 +78,16 @@
78
78
  - **非侦听属性** 非 watch 属性
79
79
  - - **描述** 是否可见
80
80
 
81
+ ### `layerStyle`
82
+
83
+ - **类型:** `Object`
84
+ - **可选**
85
+ - **侦听属性**
86
+ - **描述:** 控制地图的显隐、透明度以及顺序,有如下值:
87
+ > visible Boolean 控制图层显示或隐藏,不会重新加载图层,true:显示图层、fales:隐藏图层 <br/>
88
+ > opacity Number 控制图层透明度,会重新加载图层,0 - 1 之间的数字,0:隐藏,1:显示 <br/>
89
+ > zIndex Number 控制图层顺序,会重新加载图层,类似 css 里面的 z-index,从 1 开始的数字 <br/>
90
+
81
91
  ## 事件
82
92
 
83
93
  ### `@load`
@@ -41,6 +41,17 @@
41
41
  - **非侦听属性** 非-watch 属性
42
42
  - **描述** M3D 的 IGServer 的服务地址 Url
43
43
 
44
+ ### `layers`
45
+
46
+ - **类型**: `String`
47
+ - **必传**
48
+ - **侦听属性** watch 属性
49
+ - **描述** M3D 的子图层可见性控制,undefined 表示全部显示
50
+
51
+ | 图层控制 1 | 图层控制 2 | 全图层显示 |
52
+ | :------------------------------------ | :------------------------------------ | :------------------------------------ |
53
+ | ![控制1](./image/layer_control_1.png) | ![控制2](./image/layer_control_2.png) | ![控制3](./image/layer_control_3.png) |
54
+
44
55
  ### `show`
45
56
 
46
57
  - **类型**: `Boolean`
@@ -86,7 +97,7 @@
86
97
  ### `opacity`
87
98
 
88
99
  - **类型**: `Number`
89
- - **侦听属性** watch 属性
100
+ - **非侦听属性** watch 属性
90
101
  - **描述** 模型的透明度,内部通过 Cesium3DTileStyle 实现,`不推荐使用`
91
102
 
92
103
  ### `autoReset`
@@ -152,7 +163,7 @@
152
163
 
153
164
  ## 事件
154
165
 
155
- ### `@load`
166
+ ### `@loaded`
156
167
 
157
168
  - **描述** 在 M3D 加载完毕后发送该事件
158
169
  - **Payload** `{ component }`