@mapgis/webclient-cesium-plugin 17.0.7 → 17.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -417,39 +417,6 @@
417
417
 
418
418
 
419
419
 
420
-
421
- <tr class="deep-level-1">
422
-
423
- <td class="name"><code>extendOptions</code></td>
424
-
425
-
426
- <td class="type">
427
-
428
-
429
- <span class="param-type">
430
-
431
- Object
432
-
433
- </span>
434
-
435
-
436
-
437
-
438
- </td>
439
-
440
-
441
- <td class="default">
442
-
443
- {}
444
-
445
- </td>
446
-
447
-
448
- <td class="description last"><p>Cesium场景视图的初始化参数</p></td>
449
- </tr>
450
-
451
-
452
-
453
420
 
454
421
 
455
422
 
@@ -565,7 +532,7 @@
565
532
 
566
533
 
567
534
  <pre class="prettyprint"><code>// ES5引入方式
568
- const { Map, SceneViewCesium } = Zondy
535
+ const { Map, SceneViewCesium } = zondy
569
536
  // ES6引入方式
570
537
  import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
571
538
  // 初始化图层管理容器
@@ -583,7 +550,7 @@ const sceneView = new SceneViewCesium({
583
550
 
584
551
 
585
552
  <pre class="prettyprint"><code>// ES5引入方式
586
- const { Map, SceneViewCesium } = Zondy
553
+ const { Map, SceneViewCesium } = zondy
587
554
  // ES6引入方式
588
555
  import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
589
556
  // 初始化图层管理容器
@@ -683,24 +650,6 @@ const sceneView = new SceneViewCesium({
683
650
  <td class="name"><code><p>引擎类型,为'cesium'</p></code></td>
684
651
  </tr>
685
652
 
686
- <tr class="deep-level-0">
687
- <td class="name"><code><a href="#extendOptions">extendOptions</a></code></td>
688
- <td class="name">
689
- <code>
690
-
691
- <span class="param-type">
692
-
693
- Object
694
-
695
- </span>
696
-
697
-
698
-
699
- </code>
700
- </td>
701
- <td class="name"><code><p>Cesium场景视图的初始化参数</p></code></td>
702
- </tr>
703
-
704
653
  <tr class="deep-level-0">
705
654
  <td class="name"><code><a href="#extent">extent</a></code></td>
706
655
  <td class="name">
@@ -1022,81 +971,6 @@ const sceneView = new SceneViewCesium({
1022
971
 
1023
972
 
1024
973
 
1025
-
1026
-
1027
-
1028
-
1029
-
1030
-
1031
-
1032
-
1033
-
1034
-
1035
-
1036
- </dl>
1037
-
1038
-
1039
-
1040
-
1041
-
1042
- </div>
1043
-
1044
- <div class="member">
1045
-
1046
- <span class="method-parameter is-pulled-right">
1047
- <label>类型:</label>
1048
-
1049
- <span class="param-type">
1050
-
1051
- Object
1052
-
1053
- </span>
1054
-
1055
-
1056
-
1057
- </span>
1058
-
1059
- <h4 class="name" id="extendOptions">
1060
- <a class="href-link" href="#extendOptions">#</a>
1061
-
1062
- <span class="code-name">
1063
- extendOptions
1064
- </span>
1065
-
1066
- </h4>
1067
-
1068
-
1069
-
1070
-
1071
- <div class="description">
1072
- <p>Cesium场景视图的初始化参数</p>
1073
- </div>
1074
-
1075
-
1076
-
1077
-
1078
-
1079
- <dl class="details">
1080
-
1081
-
1082
-
1083
-
1084
-
1085
-
1086
-
1087
-
1088
-
1089
-
1090
-
1091
-
1092
-
1093
-
1094
-
1095
-
1096
-
1097
-
1098
-
1099
-
1100
974
 
1101
975
 
1102
976
 
@@ -2870,10 +2744,10 @@ const sceneView = new SceneViewCesium({
2870
2744
 
2871
2745
 
2872
2746
  <pre class="prettyprint"><code>// ES5引入方式
2873
- const { Map, SceneViewCesium } = Zondy
2874
- const { IGSMapImageLayer } = Zondy.Layer
2875
- const { LayerEventType } = Zondy.Enum
2876
- const { Extent } = Zondy.Geometry
2747
+ const { Map, SceneViewCesium } = zondy
2748
+ const { IGSMapImageLayer } = zondy.Layer
2749
+ const { LayerEventType } = zondy.Enum
2750
+ const { Extent } = zondy.Geometry
2877
2751
  // ES6引入方式
2878
2752
  import { Map, SceneViewCesium, IGSMapImageLayer, LayerEventType, Extent } from "@mapgis/webclient-cesium-plugin"
2879
2753
  // 初始化图层管理容器
@@ -2887,7 +2761,7 @@ const sceneView = new SceneViewCesium({
2887
2761
  });
2888
2762
  // 添加一个地图图层
2889
2763
  const igsMapImageLayer = new IGSMapImageLayer({
2890
- url: 'http://webclient.smaryun.com:8089/igs/rest/services/Map/Hubei4326/MapServer'
2764
+ url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
2891
2765
  });
2892
2766
  map.add(igsMapImageLayer);
2893
2767
  // 图层加载完毕
@@ -2909,9 +2783,9 @@ igsMapImageLayer.on(LayerEventType.layerViewCreated, function (result) {
2909
2783
 
2910
2784
 
2911
2785
  <pre class="prettyprint"><code>// ES5引入方式
2912
- const { Map, SceneViewCesium } = Zondy
2913
- const { IGSMapImageLayer } = Zondy.Layer
2914
- const { LayerEventType } = Zondy.Enum
2786
+ const { Map, SceneViewCesium } = zondy
2787
+ const { IGSMapImageLayer } = zondy.Layer
2788
+ const { LayerEventType } = zondy.Enum
2915
2789
  // ES6引入方式
2916
2790
  import { Map, SceneViewCesium, IGSMapImageLayer, LayerEventType } from "@mapgis/webclient-cesium-plugin"
2917
2791
  // 初始化图层管理容器
@@ -2925,7 +2799,7 @@ const sceneView = new SceneViewCesium({
2925
2799
  });
2926
2800
  // 添加一个地图图层
2927
2801
  const igsMapImageLayer = new IGSMapImageLayer({
2928
- url: 'http://webclient.smaryun.com:8089/igs/rest/services/Map/Hubei4326/MapServer'
2802
+ url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
2929
2803
  });
2930
2804
  map.add(igsMapImageLayer);
2931
2805
  // 图层加载完毕
@@ -4130,7 +4004,7 @@ igsMapImageLayer.on(LayerEventType.layerViewCreated, function (result) {
4130
4004
 
4131
4005
 
4132
4006
  <pre class="prettyprint"><code>// ES5引入方式
4133
- const { Map, SceneViewCesium } = Zondy
4007
+ const { Map, SceneViewCesium } = zondy
4134
4008
  // ES6引入方式
4135
4009
  import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
4136
4010
  // 初始化图层管理容器
@@ -4155,8 +4029,8 @@ sceneView.goTo({
4155
4029
 
4156
4030
 
4157
4031
  <pre class="prettyprint"><code>// ES5引入方式
4158
- const { Map, SceneViewCesium } = Zondy
4159
- const { Extent, Circle } = Zondy.Geometry
4032
+ const { Map, SceneViewCesium } = zondy
4033
+ const { Extent, Circle } = zondy.Geometry
4160
4034
  // ES6引入方式
4161
4035
  import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
4162
4036
  // 初始化图层管理容器
@@ -5112,8 +4986,8 @@ const result = this.sceneView.hitTest({x:1000,y:600})</code></pre>
5112
4986
 
5113
4987
 
5114
4988
  <pre class="prettyprint"><code>// ES5引入方式
5115
- var { Map, SceneViewCesium } = Zondy
5116
- var { PictureFormat } = Zondy.Enum
4989
+ var { Map, SceneViewCesium } = zondy
4990
+ var { PictureFormat } = zondy.Enum
5117
4991
  // ES6引入方式
5118
4992
  import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
5119
4993
  import { PictureFormat } from "@mapgis/webclient-common"
@@ -5335,7 +5209,7 @@ sceneView.takeScreenshot(screenshotOptions).then((result) => {
5335
5209
 
5336
5210
 
5337
5211
 
5338
- <td class="description last"><p>屏幕像素坐标点,例如{ x: 900, y: 500 }</p></td>
5212
+ <td class="description last"><p>屏幕像素坐标点,传入的 x范围为[0,canvas.width - 1],传入的 x范围为[0,canvas.height - 1],例如{ x: 900, y: 500 }</p></td>
5339
5213
  </tr>
5340
5214
 
5341
5215
 
@@ -278,14 +278,16 @@
278
278
 
279
279
 
280
280
  <pre class="prettyprint"><code>// ES5引入方式
281
- const { Map, MapView } = Zondy
282
- const { Screenshot } = Zondy.Widget
281
+ const { Map } = zondy
282
+ const { SceneView } = zondy.cesium
283
+ const { Screenshot } = zondy.tool
283
284
  // ES6引入方式
284
- import { Map, MapView, Screenshot } from "@mapgis/webclient-leaflet-plugin"
285
+ import { SceneView, Screenshot } from "@mapgis/webclient-leaflet-plugin"
286
+ import { Map } from "@mapgis/webclient-common"
285
287
  // 初始化图层管理容器
286
288
  const map = new Map();
287
289
  // 初始化地图视图对象
288
- const mapView = new MapView({
290
+ const mapView = new SceneView({
289
291
  // 视图id
290
292
  viewId: "viewer-id",
291
293
  // 图层管理容器
@@ -310,17 +312,6 @@ mapView.ui.add(screenshot)</code></pre>
310
312
  </div>
311
313
 
312
314
 
313
- <h3 class="subsection-title">继承关系</h3>
314
-
315
-
316
-
317
-
318
- <ul>
319
- <li>Widget</li>
320
- </ul>
321
-
322
-
323
-
324
315
 
325
316
 
326
317
 
@@ -37,9 +37,9 @@
37
37
  <div class="description">
38
38
  <p>Cesium引擎草图编辑类<br/>
39
39
  <br>[ES5引入方式]:<br/>
40
- const { SketchEditorCesium } = Zondy <br/>
40
+ const { SketchEditor } = zondy.tool.sketch <br/>
41
41
  [ES6引入方式]:<br/>
42
- import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p>
42
+ import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p>
43
43
  </div>
44
44
 
45
45
 
@@ -64,6 +64,8 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
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
 
@@ -792,9 +854,11 @@ import { SketchEditorCesium } from &quot;@mapgis/webclient-leaflet-plugin&quot;
792
854
 
793
855
 
794
856
  <pre class="prettyprint"><code>// [ES5引入方式]:
795
- const { SceneView, SketchEditorCesium, Polygon, LineString } = Zondy
857
+ const { Polygon, LineString } = zondy.geometry
858
+ const { SceneView} = zondy.cesium
859
+ const { SketchEditor } = zondy.cesium.tool.sketch
796
860
  [ES6引入方式]:
797
- import { SceneView, SketchEditorCesium } from "@mapgis/webclient-cesium-plugin" &lt;br/>
861
+ import { SceneView, SketchEditor } from "@mapgis/webclient-cesium-plugin" &lt;br/>
798
862
  import { Polygon, LineString } from "@mapgis/webclient-common" &lt;br/>
799
863
  var map = new Map()
800
864
  var sceneView = new SceneView({
@@ -853,11 +917,11 @@ var testLayer = new GraphicsLayer({
853
917
  graphics: this.testFeatures
854
918
  })
855
919
  map.add(testLayer)
856
- var sketchEditorCesium = new SketchEditorCesium({
920
+ var sketchEditor = new SketchEditor({
857
921
  view: sceneView,
858
922
  layer: new GraphicsLayer()
859
923
  })
860
- sketchEditorCesium.drawPolylineToPolygon(testGeometries)</code></pre>
924
+ sketchEditor.drawPolylineToPolygon(testGeometries)</code></pre>
861
925
 
862
926
 
863
927
 
@@ -1253,16 +1317,18 @@ sketchEditorCesium.drawPolylineToPolygon(testGeometries)</code></pre>
1253
1317
 
1254
1318
 
1255
1319
  <pre class="prettyprint"><code>// [ES5引入方式]:
1256
- const { SceneView, SketchEditorCesium, Polygon, LineString } = Zondy
1320
+ const { Polygon, LineString } = zondy.geometry
1321
+ const { SceneView} = zondy.cesium
1322
+ const { SketchEditor } = zondy.cesium.tool.sketch
1257
1323
  [ES6引入方式]:
1258
- import { SceneView, SketchEditorCesium } from "@mapgis/webclient-cesium-plugin" &lt;br/>
1324
+ import { SceneView, SketchEditor } from "@mapgis/webclient-cesium-plugin" &lt;br/>
1259
1325
  import { Polygon, LineString } from "@mapgis/webclient-common" &lt;br/>
1260
1326
  var map = new Map()
1261
1327
  var sceneView = new SceneView({
1262
1328
  viewId: "mapgis-3d-viewer",
1263
1329
  map: map,
1264
1330
  })
1265
- var SketchEditorCesium = new SketchEditorCesium({
1331
+ var SketchEditor = new SketchEditor({
1266
1332
  view: sceneView,
1267
1333
  layer: new GraphicsLayer()
1268
1334
  })
@@ -1283,7 +1349,7 @@ const polyline = new LineString({
1283
1349
  [120, 30]
1284
1350
  ]
1285
1351
  })
1286
- const newSketchEditors = SketchEditorCesium.split(polygon,polyline)</code></pre>
1352
+ const newSketchEditors = SketchEditor.split(polygon,polyline)</code></pre>
1287
1353
 
1288
1354
 
1289
1355
 
@@ -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,13 +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)
135
+ <pre class="prettyprint"><code>// ES5引入方式
136
136
  url: url
137
137
  // 获取provider的初始化参数
138
138
  const options = initializeOptions(layer, viewer)
139
139
  // 构造provider对象
140
140
  provider = new Cesium.WebMapServiceImageryProvider(options)
141
141
  // 添加图层到Cesium视图中
142
142
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
143
143
 
144
144
 
145
145