@mapgis/webclient-cesium-plugin 17.0.5 → 17.2.0

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.
@@ -64,6 +64,8 @@ import { SketchEditorCesium } from "@mapgis/webclient-leaflet-plugin"
64
64
  <th>类型</th>
65
65
 
66
66
 
67
+ <th style="min-width: 100px;">默认值</th>
68
+
67
69
 
68
70
  <th class="last">描述</th>
69
71
  </tr>
@@ -93,6 +95,10 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
93
95
  </td>
94
96
 
95
97
 
98
+ <td class="default">
99
+
100
+ </td>
101
+
96
102
 
97
103
  <td class="description last"><p>构造参数</p></td>
98
104
  </tr>
@@ -127,6 +133,10 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
127
133
  </td>
128
134
 
129
135
 
136
+ <td class="default">
137
+
138
+ </td>
139
+
130
140
 
131
141
  <td class="description last"><p>地图视图对象</p></td>
132
142
  </tr>
@@ -154,6 +164,10 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
154
164
  </td>
155
165
 
156
166
 
167
+ <td class="default">
168
+
169
+ </td>
170
+
157
171
 
158
172
  <td class="description last"><p>草图图层管对象</p></td>
159
173
  </tr>
@@ -181,6 +195,10 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
181
195
  </td>
182
196
 
183
197
 
198
+ <td class="default">
199
+
200
+ </td>
201
+
184
202
 
185
203
  <td class="description last"><p>草图符号</p></td>
186
204
  </tr>
@@ -208,8 +226,52 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
208
226
  </td>
209
227
 
210
228
 
229
+ <td class="default">
230
+
231
+ </td>
232
+
233
+
234
+ <td class="description last"><p>草图捕获配置项</p></td>
235
+ </tr>
236
+
237
+
238
+
239
+
240
+ <tr class="deep-level-1">
241
+
242
+ <td class="name"><code>arcType</code></td>
243
+
244
+
245
+ <td class="type">
246
+
247
+
248
+ <span class="param-type">
249
+
250
+ ArcType
251
+
252
+ </span>
253
+
254
+
255
+
256
+
257
+ </td>
258
+
259
+
260
+ <td class="default">
261
+
262
+ ArcType.rhumb
263
+
264
+ </td>
265
+
211
266
 
212
- <td class="description last"><p>草图捕获配置项
267
+ <td class="description last"><p>草图图形弧线类型<br>
268
+ 可选类型为:<br>
269
+ 1、ArcType.none:不考虑弧度<br>
270
+ 2、ArcType.geodesic:大地线(或称为大圆线)<br>
271
+ 3、ArcType.rhumb:等角航线<br>
272
+ 目前绘制线、区、矩形时,该属性生效<br>
273
+ 请注意当绘制几何的高程模式设置为OnTheGround(贴地)和OnTheScene(贴场景)时,arcType支持设置为ArcType.geodesic和ArcType.rhumb,
274
+ 当设置为ArcType.none时,内部会将该属性设置为ArcType.geodesic
213
275
  *</p></td>
214
276
  </tr>
215
277
 
@@ -34,6 +34,10 @@
34
34
 
35
35
 
36
36
 
37
+ <div class="description">
38
+ <p>UrlTemplateImageryProvider对象,详细API参考Cesium的UrlTemplateImageryProvider的API文档</p>
39
+ </div>
40
+
37
41
 
38
42
 
39
43
 
@@ -165,7 +169,47 @@
165
169
  </td>
166
170
 
167
171
 
168
- <td class="description last"><p>扩展参数,会将扩展参数中的费控参数拼接到请求接口上,示例:[{ key: '参数名', value: '参数值' }]</p></td>
172
+ <td class="description last"><p>扩展参数,会将扩展参数中的非空参数拼接到请求接口上,示例:[{ key: '参数名', value: '参数值' }]</p></td>
173
+ </tr>
174
+
175
+
176
+
177
+
178
+ <tr class="deep-level-1">
179
+
180
+ <td class="name"><code>isStretchImage</code></td>
181
+
182
+
183
+ <td class="type">
184
+
185
+
186
+ <span class="param-type">
187
+
188
+ Boolean
189
+
190
+ </span>
191
+ |
192
+
193
+ <span class="param-type">
194
+
195
+ undefined
196
+
197
+ </span>
198
+
199
+
200
+
201
+
202
+ </td>
203
+
204
+
205
+ <td class="default">
206
+
207
+ false
208
+
209
+ </td>
210
+
211
+
212
+ <td class="description last"><p>超过最大最小层级范围图像是否进行图像的拉伸。此值未定义或者设置为true时,如果图像level小于minimumLevel或者大于maximumLevel,图像会进行拉伸。反之,如果图像level小于minimumLevel或者大于maximumLevel,不会再请求图像以及拉伸图像</p></td>
169
213
  </tr>
170
214
 
171
215
 
@@ -360,7 +360,7 @@
360
360
  <h5>示例</h5>
361
361
 
362
362
 
363
- <pre class="prettyprint"><code>const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/WFSServer'
364
363
  const renderer = new SimpleRenderer({
365
364
  //...
366
365
  })
367
366
  // 创建wfsLayer对象
368
367
  const wfsLayer = new WFSLayer({
369
368
  url,
370
369
  sublayerId: 'Map_湖北省4326:t70',
371
370
  })
372
371
  // 请求获取要素集
373
372
  const featureSet = await wfsLayer.queryFeatures()
374
373
  const features = featureSet.features
375
374
  // 为要素集设置renderer
376
375
  RendererUtil.updateRenderer(features, renderer)
377
376
  // 将要素集转换为原生Primitive对象
378
377
  const primitives = WFSLayerUtil.toPrimitive(features, {
379
378
  viewer
380
379
  })
381
380
  // 将Primitive对象添加到场景中
382
381
  for (let i = 0; i &lt; primitives.length; i++) {
383
382
  viewer.scene.primitives.add(primitives[i])
384
383
  }
384
+ <pre class="prettyprint"><code>const url = 'http://192.168.82.91:8089/igs/rest/services/Map/湖北省4326/WFSServer'
385
385
  const renderer = new SimpleRenderer({
386
386
  //...
387
387
  })
388
388
  // 创建wfsLayer对象
389
389
  const wfsLayer = new WFSLayer({
390
390
  url,
391
391
  sublayerId: 'Map_湖北省4326:t70',
392
392
  })
393
393
  // 请求获取要素集
394
394
  const featureSet = await wfsLayer.queryFeatures()
395
395
  const features = featureSet.features
396
396
  // 为要素集设置renderer
397
397
  RendererUtil.updateRenderer(features, renderer)
398
398
  // 将要素集转换为原生Primitive对象
399
399
  const primitives = WFSLayerUtil.toPrimitive(features, {
400
400
  viewer
401
401
  })
402
402
  // 将Primitive对象添加到场景中
403
403
  for (let i = 0; i &lt; primitives.length; i++) {
404
404
  viewer.scene.primitives.add(primitives[i])
405
405
  }
406
406
 
407
407
 
408
408
 
@@ -115,19 +115,13 @@
115
115
  <p class="code-caption"><h7>添加一个WMS服务:原生接口开发</h7></p>
116
116
 
117
117
 
118
- <pre class="prettyprint"><code>// ES5引入方式
119
118
  const provider = await WebMapServiceImageryProvider.fromUrl(url)
120
119
  viewer.imageryLayers.addImageryProvider(provider)
120
+ <pre class="prettyprint"><code>// ES5引入方式
121
121
  const provider = await WebMapServiceImageryProvider.fromUrl(url)
122
122
  viewer.imageryLayers.addImageryProvider(provider)
123
123
 
124
124
 
125
125
  <p class="code-caption"><h7>添加一个WMS服务:混合接口开发</h7></p>
126
126
 
127
127
 
128
- <pre class="prettyprint"><code>// ES5引入方式
129
128
  url: url
130
129
  // 获取provider的初始化参数
131
130
  const options = initializeOptions(layer, viewer)
132
131
  // 构造provider对象
133
132
  provider = new Cesium.WebMapServiceImageryProvider(options)
134
133
  // 添加图层到Cesium视图中
135
134
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
136
-
137
-
138
- <p class="code-caption"><h7>添加一个WMS服务:混合接口开发</h7></p>
139
-
140
-
141
- <pre class="prettyprint"><code>// ES5引入方式
142
135
  // 获取tilingScheme
143
136
  const tilingScheme = getTilingSchemeBySpatialReference(
144
137
  layer.spatialReference,
145
138
  layer.extent
146
139
  )
147
140
  // 获取图层范围
148
141
  const extent = getExtent(layer, tilingScheme.rectangle)
149
142
  const rectangle = new Cesium.Rectangle(
150
143
  extent.xmin,
151
144
  extent.ymin,
152
145
  extent.xmax,
153
146
  extent.ymax
154
147
  )
155
148
  // 获取服务基地址
156
149
  let url = layer.url
157
150
  // 设置token和tokenValue
158
151
  if (layer.tokenKey &amp;&amp; layer.tokenValue) {
159
152
  url = `${url}?${layer.tokenKey}=${layer.tokenValue}`
160
153
  }
161
154
  // 添加图层到Cesium视图中
162
155
  viewer.imageryLayers.addImageryProvider(
163
156
  new Cesium.WebMapServiceImageryProvider({
164
157
  // 服务基地址
165
158
  url,
166
159
  // 要显示的子图层
167
160
  layers: layer.layers,
168
161
  // WMS服务参数
169
162
  parameters: {
170
163
  // 图片格式
171
164
  format: layer.imageFormat,
172
165
  // 背景是否透明
173
166
  transparent: layer.imageTransparency,
174
167
  // 服务版本号
175
168
  version: layer.version
176
169
  },
177
170
  // 裁图方式
178
171
  tilingScheme,
179
172
  // 瓦片宽度
180
173
  tileWidth: layer.imageWidth,
181
174
  // 瓦片高度
182
175
  tileHeight: layer.imageHeight,
183
176
  // 服务版本为1.1.0 or 1.1.1时设置srs
184
177
  srs: `EPSG:${layer.spatialReference.wkid}`,
185
178
  // 服务版本>= 1.3.0时设置crs
186
179
  crs: `EPSG:${layer.spatialReference.wkid}`,
187
180
  // 瓦片服务的加载范围
188
181
  rectangle
189
182
  })
190
183
  )
184
+ <pre class="prettyprint"><code>// ES5引入方式
191
185
  url: url
192
186
  // 获取provider的初始化参数
193
187
  const options = initializeOptions(layer, viewer)
194
188
  // 构造provider对象
195
189
  provider = new Cesium.WebMapServiceImageryProvider(options)
196
190
  // 添加图层到Cesium视图中
197
191
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
198
192
 
199
193
 
200
194
 
@@ -115,19 +115,13 @@
115
115
  <p class="code-caption"><h7>添加一个WMTS服务:原生接口开发</h7></p>
116
116
 
117
117
 
118
- <pre class="prettyprint"><code>// ES5引入方式
119
118
  const provider = await WebMapTileServiceImageryProvider.fromUrl(url)
120
119
  viewer.imageryLayers.addImageryProvider(provider)
120
+ <pre class="prettyprint"><code>// ES5引入方式
121
121
  const provider = await WebMapTileServiceImageryProvider.fromUrl(url)
122
122
  viewer.imageryLayers.addImageryProvider(provider)
123
123
 
124
124
 
125
125
  <p class="code-caption"><h7>添加一个WMTS服务:混合接口开发</h7></p>
126
126
 
127
127
 
128
- <pre class="prettyprint"><code>// ES5引入方式
129
128
  url: url
130
129
  // 获取provider的初始化参数
131
130
  const options = initializeOptions(layer, viewer)
132
131
  // 构造provider对象
133
132
  provider = new Cesium.WebMapTileServiceImageryProvider(options)
134
133
  // 添加图层到Cesium视图中
135
134
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
136
-
137
-
138
- <p class="code-caption"><h7>添加一个WMTS服务:混合接口开发</h7></p>
139
-
140
-
141
- <pre class="prettyprint"><code>// ES5引入方式
142
135
  url: url
143
136
  // 获取自定义的tilingScheme对象
144
137
  const { tileMatrixSetId, tileMatrixSets } = layer.activeLayer
145
138
  const TileMatrixSet = tileMatrixSets.find(
146
139
  (tileMatrix) => tileMatrix.id === tileMatrixSetId
147
140
  )
148
141
  const tileInfo = TileMatrixSet.tileInfo
149
142
  let tilingScheme = getTilingSchemeBySpatialReference(
150
143
  layer.spatialReference,
151
144
  layer.activeLayer.extent,
152
145
  tileInfo
153
146
  )
154
147
  // 获取图层显示范围
155
148
  const extent = getExtent(layer, tilingScheme.rectangle)
156
149
  const rectangle = new Cesium.Rectangle(
157
150
  extent.xmin,
158
151
  extent.ymin,
159
152
  extent.xmax,
160
153
  extent.ymax
161
154
  )
162
155
  // 如果由token则设置token
163
156
  let url = layer.url
164
157
  if (layer.tokenValue &amp;&amp; layer.tokenKey) {
165
158
  url += `?${layer.tokenKey}=${layer.tokenValue}`
166
159
  }
167
160
  // 设置图层加载级数范围
168
161
  const tileMatrixLabels = []
169
162
  for (let i = 0; i &lt; tileInfo.lods.length; i++) {
170
163
  tileMatrixLabels.push(tileInfo.lods[i].level)
171
164
  }
172
165
  // 添加图层到Cesium视图中
173
166
  viewer.imageryLayers.addImageryProvider(
174
167
  new Cesium.WebMapTileServiceImageryProvider({
175
168
  // 服务基地址
176
169
  url,
177
170
  // 图层名称
178
171
  layer: layer.activeLayer.title,
179
172
  // 请求格式
180
173
  format: layer.activeLayer.imageFormat,
181
174
  // 瓦片样式
182
175
  style: layer.activeLayer.styleId,
183
176
  // 比例尺
184
177
  tileMatrixSetID: layer.activeLayer.tileMatrixSetId,
185
178
  // 裁图方式
186
179
  tilingScheme,
187
180
  // 瓦片宽度
188
181
  tileWidth: layer.imageWidth,
189
182
  // 瓦片高度
190
183
  tileHeight: layer.imageHeight,
191
184
  // 瓦片服务的加载范围
192
185
  rectangle,
193
186
  // 设置图层加载级数范围
194
187
  tileMatrixLabels
195
188
  })
196
189
  )
190
+ <pre class="prettyprint"><code>// ES5引入方式
197
191
  url: url
198
192
  // 获取provider的初始化参数
199
193
  const options = initializeOptions(layer, viewer)
200
194
  // 构造provider对象
201
195
  provider = new Cesium.WebMapTileServiceImageryProvider(options)
202
196
  // 添加图层到Cesium视图中
203
197
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
204
198
 
205
199
 
206
200
 
@@ -238,6 +232,8 @@
238
232
  <th>类型</th>
239
233
 
240
234
 
235
+ <th style="min-width: 100px;">默认值</th>
236
+
241
237
 
242
238
  <th class="last">描述</th>
243
239
  </tr>
@@ -267,6 +263,10 @@
267
263
  </td>
268
264
 
269
265
 
266
+ <td class="default">
267
+
268
+ </td>
269
+
270
270
 
271
271
  <td class="description last"><p>服务的基地址</p></td>
272
272
  </tr>
@@ -296,11 +296,58 @@
296
296
  </td>
297
297
 
298
298
 
299
+ <td class="default">
300
+
301
+ </td>
302
+
299
303
 
300
304
  <td class="description last"><p>实例化对象时提供的额外配置参数,若该对象中包含构造参数则会覆盖对应的构造参数</p></td>
301
305
  </tr>
302
306
 
303
307
 
308
+
309
+
310
+ <tr class="deep-level-1">
311
+
312
+ <td class="name"><code>isStretchImage</code></td>
313
+
314
+
315
+ <td class="type">
316
+
317
+
318
+ <span class="param-type">
319
+
320
+ Boolean
321
+
322
+ </span>
323
+ |
324
+
325
+ <span class="param-type">
326
+
327
+ undefined
328
+
329
+ </span>
330
+
331
+
332
+
333
+
334
+ </td>
335
+
336
+
337
+ <td class="default">
338
+
339
+ false
340
+
341
+ </td>
342
+
343
+
344
+ <td class="description last"><p>超过最大最小层级范围图像是否进行图像的拉伸。此值未定义或者设置为true时,如果图像level小于minimumLevel或者大于maximumLevel,图像会进行拉伸。反之,如果图像level小于minimumLevel或者大于maximumLevel,不会再请求图像以及拉伸图像</p></td>
345
+ </tr>
346
+
347
+
348
+
349
+
350
+
304
351
 
305
352
 
306
353
  </tbody>