@mapgis/webclient-leaflet-plugin 17.2.8 → 17.4.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 (46) hide show
  1. package/README.md +24 -2
  2. package/dist/es5/webclient-common.min.js +37 -5
  3. package/dist/es5/webclient-leaflet-plugin.min.js +1 -1
  4. package/dist/webclient-leaflet-plugin-es6.min.js +4 -4
  5. package/documention/ArcGISMapImageLayer.html +197 -122
  6. package/documention/ArcGISTileLayer.html +187 -62
  7. package/documention/EchartsLayer.html +189 -21
  8. package/documention/FeatureLayer.html +178 -8
  9. package/documention/FeatureLayerUtil.html +178 -34
  10. package/documention/IGSMapImageLayer.html +201 -146
  11. package/documention/IGSTileLayer.html +191 -86
  12. package/documention/L.zondy.MapvBaseLayer.html +189 -96
  13. package/documention/MapLayer.html +183 -38
  14. package/documention/MapVLayer.html +191 -33
  15. package/documention/MapView.html +6189 -0
  16. package/documention/MapViewLeaflet.html +366 -1410
  17. package/documention/Popup.html +200 -284
  18. package/documention/Screenshot.html +183 -134
  19. package/documention/SketchEditor.html +3211 -0
  20. package/documention/SketchEditorLeaflet.html +241 -477
  21. package/documention/TileLayer.html +182 -32
  22. package/documention/TileLayerWMS.html +180 -20
  23. package/documention/VectorTileLayer.html +188 -68
  24. package/documention/WMSLayerView.html +190 -121
  25. package/documention/WebMapServiceLayer.html +194 -104
  26. package/documention/WebMapTileServiceLayer.html +195 -110
  27. package/documention/WebTileLayer.html +192 -92
  28. package/documention/Zondy.ThemeLayer.GeoFeatureThemeLayer.html +290 -658
  29. package/documention/Zondy.ThemeLayer.GraphThemeLayer.html +324 -870
  30. package/documention/Zondy.ThemeLayer.RandomThemeLayer.html +305 -736
  31. package/documention/Zondy.ThemeLayer.ThemeLayer.html +247 -483
  32. package/documention/Zondy.ThemeLayer.ThemeStyle.html +234 -866
  33. package/documention/Zondy.ThemeLayer.rangeThemeLayer.html +304 -792
  34. package/documention/Zondy.ThemeLayer.rankSymbolThemeLayer.html +341 -941
  35. package/documention/Zondy.ThemeLayer.simpleThemeLayer.html +302 -720
  36. package/documention/Zondy.ThemeLayer.uniqueThemeLayer.html +299 -759
  37. package/documention/Zondy.Widget.html +185 -48
  38. package/documention/Zondy.view.UI.html +182 -31
  39. package/documention/global.html +11448 -131
  40. package/documention/index.html +15 -16
  41. package/documention/scripts/search.js +1 -26
  42. package/documention/styles/app.min.css +1 -1
  43. package/documention/tutorial-1./345/277/253/351/200/237/345/205/245/351/227/250.html +152 -7
  44. package/documention/tutorial-2.1M3D/350/246/201/347/264/240/351/200/211/345/217/226.html +153 -8
  45. package/documention/tutorial-2.2M3D/351/222/273/345/255/224/345/211/226/345/210/207.html +153 -8
  46. package/package.json +7 -8
@@ -1,10 +1,142 @@
1
- <header id="page-title" class="page-title">
2
-
3
- <span class="page-title-main">类名</span>
4
- <span class="page-title-sub">ArcGISTileLayer</span>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <title> ArcGISTileLayer</title>
9
+ <!--[if lt IE 9]>
10
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
+ <![endif]-->
12
+ <link type="text/css" rel="stylesheet" href="styles/app.min.css">
13
+ <link type="text/css" rel="stylesheet" href="styles/iframe.css">
14
+ <link type="text/css" rel="stylesheet" href="">
15
+
16
+
17
+ </head>
18
+
19
+
20
+
21
+ <body class="layout small-header">
22
+ <div id="stickyNavbarOverlay"></div>
5
23
 
6
- </header>
7
24
 
25
+ <div class="top-nav">
26
+ <div class="inner">
27
+ <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
28
+ <span aria-hidden="true"></span>
29
+ <span aria-hidden="true"></span>
30
+ <span aria-hidden="true"></span>
31
+ </a>
32
+ <div class="logo">
33
+
34
+ <h1> MapGIS Client for JavaScript API</h1>
35
+
36
+
37
+ </div>
38
+ <div class="menu">
39
+
40
+ <div class="navigation">
41
+
42
+
43
+ <a
44
+ class="link user-link "
45
+ href="/static/modules/common/api/common-mapgis/index.html"
46
+ >
47
+ Common
48
+ </a>
49
+
50
+ <a
51
+ class="link user-link "
52
+ href="/static/modules/cesium/api/cesium-mapgis/index.html"
53
+ >
54
+ Cesium-Plugin
55
+ </a>
56
+
57
+ <a
58
+ class="link user-link "
59
+ href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
60
+ >
61
+ MapboxGL-Plugin
62
+ </a>
63
+
64
+ <a
65
+ class="link user-link "
66
+ href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
67
+ >
68
+ Leaflet-Plugin
69
+ </a>
70
+
71
+ <a
72
+ class="link user-link "
73
+ href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
74
+ >
75
+ OpenLayers-Plugin
76
+ </a>
77
+
78
+ <a
79
+ class="link user-link "
80
+ href="/static/modules/video/api/video-mapgis/index.html"
81
+ >
82
+ Video-Plugin
83
+ </a>
84
+
85
+
86
+
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ <div id="main">
93
+ <div
94
+ class="sidebar "
95
+ id="sidebarNav"
96
+ >
97
+ <div>
98
+ <span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
99
+ </div>
100
+
101
+ <div class="search-wrapper">
102
+ <input id="search" type="text" placeholder="搜索文档..." class="input">
103
+ </div>
104
+
105
+ <nav>
106
+
107
+ <div class="category"><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">扩展模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageLayer.html">ArcGISMapImageLayer</a><span style="display: none;"><p>ArcGIS地图图片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileLayer.html">ArcGISTileLayer</a><span style="display: none;"><p>ArcGIS瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="EchartsLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EchartsLayer.html">EchartsLayer</a><span style="display: none;"><p>Echarts图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayer.html">FeatureLayer</a><span style="display: none;"><p>要素图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageLayer.html">IGSMapImageLayer</a><span style="display: none;"><p>地图图片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSTileLayer.html">IGSTileLayer</a><span style="display: none;"><p>IGS瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapLayer.html">MapLayer</a><span style="display: none;"><p>屏幕出一张图图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapVLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapVLayer.html">MapVLayer</a><span style="display: none;"><p>MapV图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayer.html">TileLayer</a><span style="display: none;"><p>带裁剪功能的瓦片图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayerWMS"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayerWMS.html">TileLayerWMS</a><span style="display: none;"><p>WMS图层基类(相比于原生的L.TileLayer.WMS, 此图层支持空间裁剪功能)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="VectorTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileLayer.html">VectorTileLayer</a><span style="display: none;"><p>矢量瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceLayer.html">WebMapServiceLayer</a><span style="display: none;"><p>WMS图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapTileServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapTileServiceLayer.html">WebMapTileServiceLayer</a><span style="display: none;"><p>WMTS图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebTileLayer.html">WebTileLayer</a><span style="display: none;"><p>网络瓦片图层(Leaflet)</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">工具类模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayerUtil.html">FeatureLayerUtil</a><span style="display: none;"><p>要素图层工具类(Leaflet)</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapView"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapView.html">MapView</a><span style="display: none;"><p>二维场景视图(leaflet引擎),对地图引擎进行管理,如果要对地图图层进行管理请参考<code>Map</code>,<br/>
108
+ 继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/MapView.html' target='_blank'>zondy.MapView</a><br/>
109
+ 参考示例:
110
+ <a href='#MapView'>[初始化二维场景视图]</a>
111
+ <br>[ES5引入方式]:<br/>
112
+ zondy.leaflet.MapView() <br/>
113
+ [ES6引入方式]:<br/>
114
+ import { MapView } from '@mapgis/webclient-leaflet-plugin' <br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Popup"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a><span style="display: none;"><p>二维场景信息弹窗(leaflet引擎)
115
+ 参考示例:
116
+ <a href='#MapView'>[初始化二维场景视图]</a>
117
+ [ES6引入方式]:<br/>
118
+ import { Popup } from '@mapgis/webclient-leaflet-plugin' <br/>
119
+ 自定义样式说明:<br/>
120
+ zondy-popup__content 弹窗容器样式<br/>
121
+ zondy-popup__tip 弹窗对话框箭头样式<br/>
122
+ zondy-popup__header 弹窗头部样式<br/>
123
+ zondy-popup__content 弹窗主体样式<br/>
124
+ zondy-popup__footer 弹窗底部样式<br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Screenshot"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Screenshot.html">Screenshot</a><span style="display: none;"><p>屏幕打印工具</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SketchEditor"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditor.html">SketchEditor</a><span style="display: none;"><p>二维Leaflet引擎草图编辑类<br/>
125
+ 继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/SketchEditor.html' target='_blank'>zondy.SketchEditor</a><br/>
126
+ <br>[ES5引入方式]:<br/>
127
+ const { SketchEditor } = zondy.leaflet.tool.sketch <br/>
128
+ [ES6引入方式]:<br/>
129
+ import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">渲染器模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="zondy.themelayer.GraphThemeLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="zondy.themelayer.GraphThemeLayer.html">GraphThemeLayer</a><span style="display: none;"><p>统计专题图通过为每个要素绘制统计图表来反映其对应的专题值的大小。它可同时表示多个字段属性信息,在区域本身与各区域之间形成横向和纵向的对比。<br>统计专题图多用于具有相关数量特征的地图上,比如表示不同地区多年的粮食产量、GDP、人口等,不同时段客运量、地铁流量等。目前提供的统计图类型有:柱状图(Bar),折线图(Line),饼图(Pie),三维柱状图(Bar3D),点状图(Point),环状图(Ring)。</p></span></li></ul></div>
130
+
131
+ </nav>
132
+ </div>
133
+ <div class="core" id="main-content-wrapper">
134
+ <div class="content">
135
+ <header id="page-title" class="page-title">
136
+ <span class="page-title-main">类名</span>
137
+ <span class="page-title-sub">ArcGISTileLayer</span>
138
+ </header>
139
+
8
140
 
9
141
 
10
142
 
@@ -25,7 +157,7 @@
25
157
  <h4 class="name" id="ArcGISTileLayer">
26
158
  <a class="href-link" href="#ArcGISTileLayer">#</a>
27
159
 
28
- <span class="code-name" id="ArcGISTileLayer" style="font-size:30px">
160
+ <span class="code-name" style="font-size:30px">
29
161
 
30
162
  new ArcGISTileLayer<span class="signature">(url, options)</span>
31
163
 
@@ -47,7 +179,7 @@
47
179
 
48
180
 
49
181
 
50
- <h4>参数</h4>
182
+ <h4>参数:</h4>
51
183
 
52
184
  <div class="table-container">
53
185
  <table class="params table">
@@ -79,12 +211,7 @@
79
211
  <td class="type">
80
212
 
81
213
 
82
- <span class="param-type">
83
-
84
- String
85
-
86
- </span>
87
-
214
+ <span class="param-type">String</span>
88
215
 
89
216
 
90
217
 
@@ -112,12 +239,7 @@
112
239
  <td class="type">
113
240
 
114
241
 
115
- <span class="param-type">
116
-
117
- Object
118
-
119
- </span>
120
-
242
+ <span class="param-type">Object</span>
121
243
 
122
244
 
123
245
 
@@ -143,12 +265,7 @@
143
265
  <td class="type">
144
266
 
145
267
 
146
- <span class="param-type">
147
-
148
- Boolean
149
-
150
- </span>
151
-
268
+ <span class="param-type">Boolean</span>
152
269
 
153
270
 
154
271
 
@@ -176,12 +293,7 @@
176
293
  <td class="type">
177
294
 
178
295
 
179
- <span class="param-type">
180
-
181
- Number
182
-
183
- </span>
184
-
296
+ <span class="param-type">Number</span>
185
297
 
186
298
 
187
299
 
@@ -209,12 +321,7 @@
209
321
  <td class="type">
210
322
 
211
323
 
212
- <span class="param-type">
213
-
214
- Number
215
-
216
- </span>
217
-
324
+ <span class="param-type">Number</span>
218
325
 
219
326
 
220
327
 
@@ -242,12 +349,7 @@
242
349
  <td class="type">
243
350
 
244
351
 
245
- <span class="param-type">
246
-
247
- L.latLngBounds
248
-
249
- </span>
250
-
352
+ <span class="param-type">L.latLngBounds</span>
251
353
 
252
354
 
253
355
 
@@ -273,12 +375,7 @@
273
375
  <td class="type">
274
376
 
275
377
 
276
- <span class="param-type">
277
-
278
- Object
279
-
280
- </span>
281
-
378
+ <span class="param-type">Object</span>
282
379
 
283
380
 
284
381
 
@@ -304,12 +401,7 @@
304
401
  <td class="type">
305
402
 
306
403
 
307
- <span class="param-type">
308
-
309
- String
310
-
311
- </span>
312
-
404
+ <span class="param-type">String</span>
313
405
 
314
406
 
315
407
 
@@ -335,12 +427,7 @@
335
427
  <td class="type">
336
428
 
337
429
 
338
- <span class="param-type">
339
-
340
- String
341
-
342
- </span>
343
-
430
+ <span class="param-type">String</span>
344
431
 
345
432
 
346
433
 
@@ -495,4 +582,42 @@ layer.load().then(function () {
495
582
 
496
583
  </article>
497
584
 
498
- </section>
585
+ </section>
586
+
587
+
588
+
589
+
590
+ </div>
591
+
592
+ <footer class="footer">
593
+ <div class="content has-text-centered">
594
+ <p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
595
+ <p class="sidebar-created-by">
596
+ <a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
597
+ <a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
598
+ </p>
599
+ </div>
600
+ </footer>
601
+
602
+ </div>
603
+ <div id="side-nav" class="side-nav">
604
+ <div style="margin-bottom: 10px;">
605
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
606
+ </div>
607
+ <div style="margin-bottom: 10px;">
608
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
609
+ </div>
610
+ <div style="margin-bottom: 10px;">
611
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
612
+ </div>
613
+ <div>
614
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
615
+ </div>
616
+ </div>
617
+ </div>
618
+ <script src="scripts/linenumber.js"> </script>
619
+
620
+ <script src="scripts/search.js"> </script>
621
+
622
+ </body>
623
+ </html>
@@ -1,10 +1,142 @@
1
- <header id="page-title" class="page-title">
2
-
3
- <span class="page-title-main">类名</span>
4
- <span class="page-title-sub">EchartsLayer</span>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <title> EchartsLayer</title>
9
+ <!--[if lt IE 9]>
10
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
+ <![endif]-->
12
+ <link type="text/css" rel="stylesheet" href="styles/app.min.css">
13
+ <link type="text/css" rel="stylesheet" href="styles/iframe.css">
14
+ <link type="text/css" rel="stylesheet" href="">
15
+
16
+
17
+ </head>
18
+
19
+
20
+
21
+ <body class="layout small-header">
22
+ <div id="stickyNavbarOverlay"></div>
5
23
 
6
- </header>
7
24
 
25
+ <div class="top-nav">
26
+ <div class="inner">
27
+ <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
28
+ <span aria-hidden="true"></span>
29
+ <span aria-hidden="true"></span>
30
+ <span aria-hidden="true"></span>
31
+ </a>
32
+ <div class="logo">
33
+
34
+ <h1> MapGIS Client for JavaScript API</h1>
35
+
36
+
37
+ </div>
38
+ <div class="menu">
39
+
40
+ <div class="navigation">
41
+
42
+
43
+ <a
44
+ class="link user-link "
45
+ href="/static/modules/common/api/common-mapgis/index.html"
46
+ >
47
+ Common
48
+ </a>
49
+
50
+ <a
51
+ class="link user-link "
52
+ href="/static/modules/cesium/api/cesium-mapgis/index.html"
53
+ >
54
+ Cesium-Plugin
55
+ </a>
56
+
57
+ <a
58
+ class="link user-link "
59
+ href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
60
+ >
61
+ MapboxGL-Plugin
62
+ </a>
63
+
64
+ <a
65
+ class="link user-link "
66
+ href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
67
+ >
68
+ Leaflet-Plugin
69
+ </a>
70
+
71
+ <a
72
+ class="link user-link "
73
+ href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
74
+ >
75
+ OpenLayers-Plugin
76
+ </a>
77
+
78
+ <a
79
+ class="link user-link "
80
+ href="/static/modules/video/api/video-mapgis/index.html"
81
+ >
82
+ Video-Plugin
83
+ </a>
84
+
85
+
86
+
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ <div id="main">
93
+ <div
94
+ class="sidebar "
95
+ id="sidebarNav"
96
+ >
97
+ <div>
98
+ <span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
99
+ </div>
100
+
101
+ <div class="search-wrapper">
102
+ <input id="search" type="text" placeholder="搜索文档..." class="input">
103
+ </div>
104
+
105
+ <nav>
106
+
107
+ <div class="category"><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">扩展模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageLayer.html">ArcGISMapImageLayer</a><span style="display: none;"><p>ArcGIS地图图片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileLayer.html">ArcGISTileLayer</a><span style="display: none;"><p>ArcGIS瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="EchartsLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EchartsLayer.html">EchartsLayer</a><span style="display: none;"><p>Echarts图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayer.html">FeatureLayer</a><span style="display: none;"><p>要素图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageLayer.html">IGSMapImageLayer</a><span style="display: none;"><p>地图图片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSTileLayer.html">IGSTileLayer</a><span style="display: none;"><p>IGS瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapLayer.html">MapLayer</a><span style="display: none;"><p>屏幕出一张图图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapVLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapVLayer.html">MapVLayer</a><span style="display: none;"><p>MapV图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayer.html">TileLayer</a><span style="display: none;"><p>带裁剪功能的瓦片图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayerWMS"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayerWMS.html">TileLayerWMS</a><span style="display: none;"><p>WMS图层基类(相比于原生的L.TileLayer.WMS, 此图层支持空间裁剪功能)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="VectorTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileLayer.html">VectorTileLayer</a><span style="display: none;"><p>矢量瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceLayer.html">WebMapServiceLayer</a><span style="display: none;"><p>WMS图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapTileServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapTileServiceLayer.html">WebMapTileServiceLayer</a><span style="display: none;"><p>WMTS图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebTileLayer.html">WebTileLayer</a><span style="display: none;"><p>网络瓦片图层(Leaflet)</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">工具类模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayerUtil.html">FeatureLayerUtil</a><span style="display: none;"><p>要素图层工具类(Leaflet)</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapView"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapView.html">MapView</a><span style="display: none;"><p>二维场景视图(leaflet引擎),对地图引擎进行管理,如果要对地图图层进行管理请参考<code>Map</code>,<br/>
108
+ 继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/MapView.html' target='_blank'>zondy.MapView</a><br/>
109
+ 参考示例:
110
+ <a href='#MapView'>[初始化二维场景视图]</a>
111
+ <br>[ES5引入方式]:<br/>
112
+ zondy.leaflet.MapView() <br/>
113
+ [ES6引入方式]:<br/>
114
+ import { MapView } from '@mapgis/webclient-leaflet-plugin' <br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Popup"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a><span style="display: none;"><p>二维场景信息弹窗(leaflet引擎)
115
+ 参考示例:
116
+ <a href='#MapView'>[初始化二维场景视图]</a>
117
+ [ES6引入方式]:<br/>
118
+ import { Popup } from '@mapgis/webclient-leaflet-plugin' <br/>
119
+ 自定义样式说明:<br/>
120
+ zondy-popup__content 弹窗容器样式<br/>
121
+ zondy-popup__tip 弹窗对话框箭头样式<br/>
122
+ zondy-popup__header 弹窗头部样式<br/>
123
+ zondy-popup__content 弹窗主体样式<br/>
124
+ zondy-popup__footer 弹窗底部样式<br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Screenshot"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Screenshot.html">Screenshot</a><span style="display: none;"><p>屏幕打印工具</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SketchEditor"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditor.html">SketchEditor</a><span style="display: none;"><p>二维Leaflet引擎草图编辑类<br/>
125
+ 继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/SketchEditor.html' target='_blank'>zondy.SketchEditor</a><br/>
126
+ <br>[ES5引入方式]:<br/>
127
+ const { SketchEditor } = zondy.leaflet.tool.sketch <br/>
128
+ [ES6引入方式]:<br/>
129
+ import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">渲染器模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="zondy.themelayer.GraphThemeLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="zondy.themelayer.GraphThemeLayer.html">GraphThemeLayer</a><span style="display: none;"><p>统计专题图通过为每个要素绘制统计图表来反映其对应的专题值的大小。它可同时表示多个字段属性信息,在区域本身与各区域之间形成横向和纵向的对比。<br>统计专题图多用于具有相关数量特征的地图上,比如表示不同地区多年的粮食产量、GDP、人口等,不同时段客运量、地铁流量等。目前提供的统计图类型有:柱状图(Bar),折线图(Line),饼图(Pie),三维柱状图(Bar3D),点状图(Point),环状图(Ring)。</p></span></li></ul></div>
130
+
131
+ </nav>
132
+ </div>
133
+ <div class="core" id="main-content-wrapper">
134
+ <div class="content">
135
+ <header id="page-title" class="page-title">
136
+ <span class="page-title-main">类名</span>
137
+ <span class="page-title-sub">EchartsLayer</span>
138
+ </header>
139
+
8
140
 
9
141
 
10
142
 
@@ -25,7 +157,7 @@
25
157
  <h4 class="name" id="EchartsLayer">
26
158
  <a class="href-link" href="#EchartsLayer">#</a>
27
159
 
28
- <span class="code-name" id="EchartsLayer" style="font-size:30px">
160
+ <span class="code-name" style="font-size:30px">
29
161
 
30
162
  new EchartsLayer<span class="signature">(map, echartsOptions)</span>
31
163
 
@@ -47,7 +179,7 @@
47
179
 
48
180
 
49
181
 
50
- <h4>参数</h4>
182
+ <h4>参数:</h4>
51
183
 
52
184
  <div class="table-container">
53
185
  <table class="params table">
@@ -77,12 +209,7 @@
77
209
  <td class="type">
78
210
 
79
211
 
80
- <span class="param-type">
81
-
82
- L.map
83
-
84
- </span>
85
-
212
+ <span class="param-type">L.map</span>
86
213
 
87
214
 
88
215
 
@@ -106,12 +233,7 @@
106
233
  <td class="type">
107
234
 
108
235
 
109
- <span class="param-type">
110
-
111
- Object
112
-
113
- </span>
114
-
236
+ <span class="param-type">Object</span>
115
237
 
116
238
 
117
239
 
@@ -212,7 +334,15 @@ const layer = new WebTileLayer({
212
334
  // 加载图层元数据
213
335
  layer.load().then(function () {
214
336
  // 构造地图视图的初始化参数
215
- const mapViewOptions = initMapViewLeafletOptions(layer, [layer])
337
+ const crs = initializeCRS(layer)
338
+ const mapViewOptions = {
339
+ // 地图视图参考系
340
+ crs: crs,
341
+ // 初始化中心点
342
+ center: [31.147781205532336,112.21905099757561],
343
+ // 初始化级数
344
+ zoom: 6
345
+ }
216
346
  // 构造Leaflet地图视图对象
217
347
  const map = L.map('地图视图容器ID', mapViewOptions)
218
348
  // 构造图层的初始化参数
@@ -258,4 +388,42 @@ layer.load().then(function () {
258
388
 
259
389
  </article>
260
390
 
261
- </section>
391
+ </section>
392
+
393
+
394
+
395
+
396
+ </div>
397
+
398
+ <footer class="footer">
399
+ <div class="content has-text-centered">
400
+ <p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
401
+ <p class="sidebar-created-by">
402
+ <a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
403
+ <a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
404
+ </p>
405
+ </div>
406
+ </footer>
407
+
408
+ </div>
409
+ <div id="side-nav" class="side-nav">
410
+ <div style="margin-bottom: 10px;">
411
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
412
+ </div>
413
+ <div style="margin-bottom: 10px;">
414
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
415
+ </div>
416
+ <div style="margin-bottom: 10px;">
417
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
418
+ </div>
419
+ <div>
420
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ <script src="scripts/linenumber.js"> </script>
425
+
426
+ <script src="scripts/search.js"> </script>
427
+
428
+ </body>
429
+ </html>