@mapgis/webclient-leaflet-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.
Files changed (37) hide show
  1. package/README.md +11 -39
  2. package/dist/es5/webclient-common.min.js +15 -4
  3. package/dist/es5/webclient-leaflet-plugin.min.js +6 -6
  4. package/dist/webclient-leaflet-plugin-es6.min.js +8 -8
  5. package/documention/ArcGISMapImageLayer.html +820 -0
  6. package/documention/ArcGISTileLayer.html +498 -0
  7. package/documention/EchartsLayer.html +261 -0
  8. package/documention/FeatureLayer.html +212 -0
  9. package/documention/FeatureLayerUtil.html +288 -0
  10. package/documention/IGSMapImageLayer.html +948 -0
  11. package/documention/IGSTileLayer.html +562 -0
  12. package/documention/MapLayer.html +330 -0
  13. package/documention/MapVLayer.html +320 -0
  14. package/documention/MapViewLeaflet.html +7 -7
  15. package/documention/Popup.html +4 -2
  16. package/documention/Screenshot.html +5 -143
  17. package/documention/SketchEditorLeaflet.html +106 -47
  18. package/documention/TileLayer.html +279 -0
  19. package/documention/TileLayerWMS.html +222 -0
  20. package/documention/VectorTileLayer.html +529 -0
  21. package/documention/WMSLayerView.html +689 -0
  22. package/documention/WebMapServiceLayer.html +723 -0
  23. package/documention/WebMapTileServiceLayer.html +754 -0
  24. package/documention/WebTileLayer.html +663 -0
  25. package/documention/Zondy.ThemeLayer.GeoFeatureThemeLayer.html +22 -22
  26. package/documention/Zondy.ThemeLayer.GraphThemeLayer.html +30 -30
  27. package/documention/Zondy.ThemeLayer.RandomThemeLayer.html +34 -34
  28. package/documention/Zondy.ThemeLayer.ThemeLayer.html +3 -3
  29. package/documention/Zondy.ThemeLayer.rangeThemeLayer.html +34 -34
  30. package/documention/Zondy.ThemeLayer.rankSymbolThemeLayer.html +47 -47
  31. package/documention/Zondy.ThemeLayer.simpleThemeLayer.html +33 -33
  32. package/documention/Zondy.ThemeLayer.uniqueThemeLayer.html +30 -30
  33. package/documention/Zondy.Widget.html +5 -5
  34. package/documention/global.html +454 -0
  35. package/documention/index.html +6 -6
  36. package/documention/scripts/sideBar.js +16 -2
  37. package/package.json +6 -6
@@ -0,0 +1,820 @@
1
+ <header id="page-title" class="page-title">
2
+
3
+ <span class="page-title-main">类名</span>
4
+ <span class="page-title-sub">ArcGISMapImageLayer</span>
5
+
6
+ </header>
7
+
8
+
9
+
10
+
11
+
12
+ <section>
13
+
14
+ <article>
15
+ <div class="container-overview">
16
+
17
+
18
+ <div class='vertical-section'>
19
+ <div class="members">
20
+ <div class="member">
21
+
22
+
23
+
24
+
25
+ <h4 class="name" id="ArcGISMapImageLayer">
26
+ <a class="href-link" href="#ArcGISMapImageLayer">#</a>
27
+
28
+ <span class="code-name" id="ArcGISMapImageLayer" style="font-size:30px">
29
+
30
+ new ArcGISMapImageLayer<span class="signature">(url, options)</span>
31
+
32
+ </span>
33
+ </h4>
34
+
35
+
36
+
37
+ <div class="description">
38
+ <p>ArcGIS地图图片图层(Leaflet)</p>
39
+ </div>
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+ <h4>参数</h4>
51
+
52
+ <div class="table-container">
53
+ <table class="params table">
54
+ <thead>
55
+ <tr>
56
+
57
+ <th>名称</th>
58
+
59
+
60
+ <th>类型</th>
61
+
62
+
63
+ <th style="min-width: 100px;">默认值</th>
64
+
65
+
66
+ <th class="last">描述</th>
67
+ </tr>
68
+ </thead>
69
+
70
+ <tbody>
71
+
72
+
73
+
74
+ <tr class="deep-level-0">
75
+
76
+ <td class="name"><code>url</code></td>
77
+
78
+
79
+ <td class="type">
80
+
81
+
82
+ <span class="param-type">
83
+
84
+ String
85
+
86
+ </span>
87
+
88
+
89
+
90
+
91
+ </td>
92
+
93
+
94
+ <td class="default">
95
+
96
+ </td>
97
+
98
+
99
+ <td class="description last"><p>服务基地址</p></td>
100
+ </tr>
101
+
102
+
103
+
104
+
105
+
106
+
107
+ <tr class="deep-level-0">
108
+
109
+ <td class="name"><code>options</code></td>
110
+
111
+
112
+ <td class="type">
113
+
114
+
115
+ <span class="param-type">
116
+
117
+ Object
118
+
119
+ </span>
120
+
121
+
122
+
123
+
124
+ </td>
125
+
126
+
127
+ <td class="default">
128
+
129
+ </td>
130
+
131
+
132
+ <td class="description last"><p>额外构造参数</p></td>
133
+ </tr>
134
+
135
+
136
+
137
+
138
+ <tr class="deep-level-1">
139
+
140
+ <td class="name"><code>opacity</code></td>
141
+
142
+
143
+ <td class="type">
144
+
145
+
146
+ <span class="param-type">
147
+
148
+ Number
149
+
150
+ </span>
151
+
152
+
153
+
154
+
155
+ </td>
156
+
157
+
158
+ <td class="default">
159
+
160
+ 1
161
+
162
+ </td>
163
+
164
+
165
+ <td class="description last"><p>图层透明度</p></td>
166
+ </tr>
167
+
168
+
169
+
170
+
171
+ <tr class="deep-level-1">
172
+
173
+ <td class="name"><code>visible</code></td>
174
+
175
+
176
+ <td class="type">
177
+
178
+
179
+ <span class="param-type">
180
+
181
+ Boolean
182
+
183
+ </span>
184
+
185
+
186
+
187
+
188
+ </td>
189
+
190
+
191
+ <td class="default">
192
+
193
+ true
194
+
195
+ </td>
196
+
197
+
198
+ <td class="description last"><p>图层显示或隐藏</p></td>
199
+ </tr>
200
+
201
+
202
+
203
+
204
+ <tr class="deep-level-1">
205
+
206
+ <td class="name"><code>layers</code></td>
207
+
208
+
209
+ <td class="type">
210
+
211
+
212
+ <span class="param-type">
213
+
214
+ String
215
+
216
+ </span>
217
+
218
+
219
+
220
+
221
+ </td>
222
+
223
+
224
+ <td class="default">
225
+
226
+ </td>
227
+
228
+
229
+ <td class="description last"><p>要显示的子图层</p></td>
230
+ </tr>
231
+
232
+
233
+
234
+
235
+ <tr class="deep-level-1">
236
+
237
+ <td class="name"><code>id</code></td>
238
+
239
+
240
+ <td class="type">
241
+
242
+
243
+ <span class="param-type">
244
+
245
+ String
246
+
247
+ </span>
248
+
249
+
250
+
251
+
252
+ </td>
253
+
254
+
255
+ <td class="default">
256
+
257
+ </td>
258
+
259
+
260
+ <td class="description last"><p>图层id</p></td>
261
+ </tr>
262
+
263
+
264
+
265
+
266
+ <tr class="deep-level-1">
267
+
268
+ <td class="name"><code>imageWidth</code></td>
269
+
270
+
271
+ <td class="type">
272
+
273
+
274
+ <span class="param-type">
275
+
276
+ Number
277
+
278
+ </span>
279
+
280
+
281
+
282
+
283
+ </td>
284
+
285
+
286
+ <td class="default">
287
+
288
+ 256
289
+
290
+ </td>
291
+
292
+
293
+ <td class="description last"><p>瓦片宽度,仅当renderMode为'tile'时生效</p></td>
294
+ </tr>
295
+
296
+
297
+
298
+
299
+ <tr class="deep-level-1">
300
+
301
+ <td class="name"><code>imageHeight</code></td>
302
+
303
+
304
+ <td class="type">
305
+
306
+
307
+ <span class="param-type">
308
+
309
+ Number
310
+
311
+ </span>
312
+
313
+
314
+
315
+
316
+ </td>
317
+
318
+
319
+ <td class="default">
320
+
321
+ 256
322
+
323
+ </td>
324
+
325
+
326
+ <td class="description last"><p>瓦片高度,仅当renderMode为'tile'时生效</p></td>
327
+ </tr>
328
+
329
+
330
+
331
+
332
+ <tr class="deep-level-1">
333
+
334
+ <td class="name"><code>imageFormat</code></td>
335
+
336
+
337
+ <td class="type">
338
+
339
+
340
+ <span class="param-type">
341
+
342
+ String
343
+
344
+ </span>
345
+
346
+
347
+
348
+
349
+ </td>
350
+
351
+
352
+ <td class="default">
353
+
354
+ 'image/jpeg'
355
+
356
+ </td>
357
+
358
+
359
+ <td class="description last"><p>瓦片格式</p></td>
360
+ </tr>
361
+
362
+
363
+
364
+
365
+ <tr class="deep-level-1">
366
+
367
+ <td class="name"><code>imageTransparent</code></td>
368
+
369
+
370
+ <td class="type">
371
+
372
+
373
+ <span class="param-type">
374
+
375
+ Boolean
376
+
377
+ </span>
378
+
379
+
380
+
381
+
382
+ </td>
383
+
384
+
385
+ <td class="default">
386
+
387
+ true
388
+
389
+ </td>
390
+
391
+
392
+ <td class="description last"><p>图层背景是否可以透明</p></td>
393
+ </tr>
394
+
395
+
396
+
397
+
398
+ <tr class="deep-level-1">
399
+
400
+ <td class="name"><code>bounds</code></td>
401
+
402
+
403
+ <td class="type">
404
+
405
+
406
+ <span class="param-type">
407
+
408
+ L.latLngBounds
409
+
410
+ </span>
411
+
412
+
413
+
414
+
415
+ </td>
416
+
417
+
418
+ <td class="default">
419
+
420
+ </td>
421
+
422
+
423
+ <td class="description last"><p>地图显示范围</p></td>
424
+ </tr>
425
+
426
+
427
+
428
+
429
+ <tr class="deep-level-1">
430
+
431
+ <td class="name"><code>tokenKey</code></td>
432
+
433
+
434
+ <td class="type">
435
+
436
+
437
+ <span class="param-type">
438
+
439
+ String
440
+
441
+ </span>
442
+
443
+
444
+
445
+
446
+ </td>
447
+
448
+
449
+ <td class="default">
450
+
451
+ </td>
452
+
453
+
454
+ <td class="description last"><p>token名</p></td>
455
+ </tr>
456
+
457
+
458
+
459
+
460
+ <tr class="deep-level-1">
461
+
462
+ <td class="name"><code>tokenValue</code></td>
463
+
464
+
465
+ <td class="type">
466
+
467
+
468
+ <span class="param-type">
469
+
470
+ String
471
+
472
+ </span>
473
+
474
+
475
+
476
+
477
+ </td>
478
+
479
+
480
+ <td class="default">
481
+
482
+ </td>
483
+
484
+
485
+ <td class="description last"><p>token值</p></td>
486
+ </tr>
487
+
488
+
489
+
490
+
491
+ <tr class="deep-level-1">
492
+
493
+ <td class="name"><code>tokenAttachType</code></td>
494
+
495
+
496
+ <td class="type">
497
+
498
+
499
+ <span class="param-type">
500
+
501
+ Boolean
502
+
503
+ </span>
504
+
505
+
506
+
507
+
508
+ </td>
509
+
510
+
511
+ <td class="default">
512
+
513
+ false
514
+
515
+ </td>
516
+
517
+
518
+ <td class="description last"><p>当请求类型为POST时,是否将token设置在请求体中</p></td>
519
+ </tr>
520
+
521
+
522
+
523
+
524
+ <tr class="deep-level-1">
525
+
526
+ <td class="name"><code>httpMethod</code></td>
527
+
528
+
529
+ <td class="type">
530
+
531
+
532
+ <span class="param-type">
533
+
534
+ FetchMethod
535
+
536
+ </span>
537
+
538
+
539
+
540
+
541
+ </td>
542
+
543
+
544
+ <td class="default">
545
+
546
+ FetchMethod.get
547
+
548
+ </td>
549
+
550
+
551
+ <td class="description last"><p>数据请求方式</p></td>
552
+ </tr>
553
+
554
+
555
+
556
+
557
+ <tr class="deep-level-1">
558
+
559
+ <td class="name"><code>mapServer</code></td>
560
+
561
+
562
+ <td class="type">
563
+
564
+
565
+ <span class="param-type">
566
+
567
+ MapServer
568
+
569
+ </span>
570
+
571
+
572
+
573
+
574
+ </td>
575
+
576
+
577
+ <td class="default">
578
+
579
+ </td>
580
+
581
+
582
+ <td class="description last"><p>服务库对象</p></td>
583
+ </tr>
584
+
585
+
586
+
587
+
588
+ <tr class="deep-level-1">
589
+
590
+ <td class="name"><code>spatialReference</code></td>
591
+
592
+
593
+ <td class="type">
594
+
595
+
596
+ <span class="param-type">
597
+
598
+ SpatialReference
599
+
600
+ </span>
601
+
602
+
603
+
604
+
605
+ </td>
606
+
607
+
608
+ <td class="default">
609
+
610
+ </td>
611
+
612
+
613
+ <td class="description last"><p>图层坐标系</p></td>
614
+ </tr>
615
+
616
+
617
+
618
+
619
+ <tr class="deep-level-1">
620
+
621
+ <td class="name"><code>clippingArea</code></td>
622
+
623
+
624
+ <td class="type">
625
+
626
+
627
+ <span class="param-type">
628
+
629
+ Object
630
+
631
+ </span>
632
+
633
+
634
+
635
+
636
+ </td>
637
+
638
+
639
+ <td class="default">
640
+
641
+ </td>
642
+
643
+
644
+ <td class="description last"><p>图层裁剪对象</p></td>
645
+ </tr>
646
+
647
+
648
+
649
+
650
+ <tr class="deep-level-1">
651
+
652
+ <td class="name"><code>renderMode</code></td>
653
+
654
+
655
+ <td class="type">
656
+
657
+
658
+ <span class="param-type">
659
+
660
+ String
661
+
662
+ </span>
663
+
664
+
665
+
666
+
667
+ </td>
668
+
669
+
670
+ <td class="default">
671
+
672
+ 'tile'
673
+
674
+ </td>
675
+
676
+
677
+ <td class="description last"><p>影像的展现形式。可选'tile' 、 'image'。默认为'tile',加载影像时以瓦片的方式平铺。当选项为'image'时,加载影像会请求一张覆盖当前屏幕的图像。</p></td>
678
+ </tr>
679
+
680
+
681
+
682
+
683
+
684
+
685
+
686
+ </tbody>
687
+ </table>
688
+ </div>
689
+
690
+
691
+
692
+
693
+
694
+
695
+ <dl class="details">
696
+
697
+
698
+
699
+
700
+
701
+
702
+
703
+
704
+
705
+
706
+
707
+
708
+
709
+
710
+
711
+
712
+
713
+
714
+
715
+
716
+
717
+
718
+
719
+
720
+
721
+
722
+
723
+
724
+
725
+
726
+
727
+ </dl>
728
+
729
+
730
+
731
+
732
+
733
+
734
+
735
+
736
+
737
+
738
+
739
+
740
+
741
+
742
+
743
+
744
+
745
+
746
+
747
+
748
+
749
+
750
+
751
+ <h5>示例</h5>
752
+
753
+ <p class="code-caption"><h7 id='addLayer'>混合开发模式</h7></p>
754
+
755
+
756
+ <pre class="prettyprint"><code>// ES5引入方式
757
+ const { ArcGISMapImageLayer } = zondy.Layer
758
+ const { initializeCRS, initializeOptions } = zondy.leaflet
759
+ // ES6引入方式
760
+ import { ArcGISMapImageLayer } from "@mapgis/webclient-common"
761
+ import "@mapgis/webclient-leaflet-plugin"
762
+ const { initializeCRS, initializeOptions } = zondy.leaflet
763
+
764
+ // 构造一个ArcGISMapImageLayer图层对象
765
+ const layer = new ArcGISMapImageLayer({
766
+ // 服务基地址
767
+ url: "http://{ip}:{port}/arcgis/rest/services/{服务名}/MapServer"
768
+ });
769
+ // 加载图层元数据
770
+ layer.load().then(function () {
771
+ // 构造地图视图的初始化参数
772
+ const crs = initializeCRS(layer)
773
+ const mapViewOptions = {
774
+ // 地图视图参考系
775
+ crs: crs,
776
+ // 初始化中心点
777
+ center: [31.147781205532336,112.21905099757561],
778
+ // 初始化级数
779
+ zoom: 4
780
+ }
781
+ // 构造Leaflet地图视图对象
782
+ const map = L.map('地图视图容器ID', mapViewOptions)
783
+ // 构造图层的初始化参数
784
+ const layerOptions = initializeOptions(layer)
785
+ // 添加图层到地图视图中
786
+ new zondy.leaflet.ArcGISMapImageLayer(layer.url, layerOptions).addTo(map)
787
+ })</code></pre>
788
+
789
+
790
+
791
+
792
+ </div>
793
+ </div>
794
+ </div>
795
+
796
+
797
+ </div>
798
+
799
+
800
+
801
+
802
+
803
+
804
+
805
+
806
+
807
+
808
+
809
+
810
+
811
+
812
+
813
+
814
+
815
+
816
+
817
+
818
+ </article>
819
+
820
+ </section>