@mapgis/webclient-leaflet-plugin 17.6.0 → 17.6.11

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.
@@ -0,0 +1,1477 @@
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> SwipeControl</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>
23
+
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地图服务接入类</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瓦片服务接入类</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="IGSImageryLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSImageryLayer.html">IGSImageryLayer</a><span style="display: none;"><p>IGS影像图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSImageryTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSImageryTileLayer.html">IGSImageryTileLayer</a><span style="display: none;"><p>IGS影像瓦片图层(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>IGS地图服务接入类</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瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="initializeOptions"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="initializeOptions.html">initializeOptions</a><span style="display: none;"><p>通过Common的图层对象构建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="SwipeControl"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SwipeControl.html">SwipeControl</a><span style="display: none;">undefined</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>矢量瓦片服务接入类</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服务接入类</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服务接入类</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>网络瓦片服务接入类</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://10.10.130.72:8086/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__container 弹窗容器样式<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://10.10.130.72:8086/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="SwipeTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SwipeTool.html">SwipeTool</a><span style="display: none;"><p>卷帘工具,继承自<a href='http://10.10.130.72:8086/static/modules/common/api/common-mapgis/BaseSwipeTool.html' target='_blank'>zondy.tool.BaseSwipeTool</a><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">SwipeControl</span>
138
+ </header>
139
+
140
+
141
+
142
+
143
+
144
+ <section>
145
+
146
+ <article>
147
+ <div class="container-overview">
148
+
149
+
150
+ <div class='vertical-section'>
151
+ <div class="members">
152
+ <div class="member">
153
+
154
+
155
+
156
+
157
+ <h4 class="name" id="SwipeControl">
158
+ <a class="href-link" href="#SwipeControl">#</a>
159
+
160
+ <span class="code-name" style="font-size:30px">
161
+
162
+ new SwipeControl<span class="signature">(leadingLayers, trailingLayers, options)</span>
163
+
164
+ </span>
165
+ </h4>
166
+
167
+
168
+
169
+
170
+
171
+
172
+
173
+
174
+
175
+
176
+
177
+
178
+ <h4>参数:</h4>
179
+
180
+ <div class="table-container">
181
+ <table class="params table">
182
+ <thead>
183
+ <tr>
184
+
185
+ <th>名称</th>
186
+
187
+
188
+ <th>类型</th>
189
+
190
+
191
+ <th style="min-width: 100px;">默认值</th>
192
+
193
+
194
+ <th class="last">描述</th>
195
+ </tr>
196
+ </thead>
197
+
198
+ <tbody>
199
+
200
+
201
+
202
+ <tr class="deep-level-0">
203
+
204
+ <td class="name"><code>leadingLayers</code></td>
205
+
206
+
207
+ <td class="type">
208
+
209
+
210
+ <span class="param-type">Array.&lt;L.Layer></span>
211
+
212
+
213
+
214
+ </td>
215
+
216
+
217
+ <td class="default">
218
+
219
+ </td>
220
+
221
+
222
+ <td class="description last"><p>左侧或者上部图层列表,根据卷帘的模式调整。需要保证传入的图层上具备getContainer方法,当前不支持矢量图层进行卷帘。</p></td>
223
+ </tr>
224
+
225
+
226
+
227
+
228
+
229
+
230
+ <tr class="deep-level-0">
231
+
232
+ <td class="name"><code>trailingLayers</code></td>
233
+
234
+
235
+ <td class="type">
236
+
237
+
238
+ <span class="param-type">Array.&lt;L.Layer></span>
239
+
240
+
241
+
242
+ </td>
243
+
244
+
245
+ <td class="default">
246
+
247
+ </td>
248
+
249
+
250
+ <td class="description last"><p>右侧或者下部图层列表,根据卷帘的模式调整。需要保证传入的图层上具备getContainer方法,当前不支持矢量图层进行卷帘。</p></td>
251
+ </tr>
252
+
253
+
254
+
255
+
256
+
257
+
258
+ <tr class="deep-level-0">
259
+
260
+ <td class="name"><code>options</code></td>
261
+
262
+
263
+ <td class="type">
264
+
265
+
266
+ <span class="param-type">Object</span>
267
+
268
+
269
+
270
+ </td>
271
+
272
+
273
+ <td class="default">
274
+
275
+ </td>
276
+
277
+
278
+ <td class="description last"><p>构造参数</p></td>
279
+ </tr>
280
+
281
+
282
+
283
+
284
+ <tr class="deep-level-1">
285
+
286
+ <td class="name"><code>mode</code></td>
287
+
288
+
289
+ <td class="type">
290
+
291
+
292
+ <span class="param-type">String</span>
293
+
294
+
295
+
296
+ </td>
297
+
298
+
299
+ <td class="default">
300
+
301
+ 'horizontal'
302
+
303
+ </td>
304
+
305
+
306
+ <td class="description last"><p>卷帘的模式。当前仅支持两种模式,'horizontal'水平和'vertical'垂直两种模式</p></td>
307
+ </tr>
308
+
309
+
310
+
311
+
312
+ <tr class="deep-level-1">
313
+
314
+ <td class="name"><code>region</code></td>
315
+
316
+
317
+ <td class="type">
318
+
319
+
320
+ <span class="param-type">Number</span>
321
+
322
+
323
+
324
+ </td>
325
+
326
+
327
+ <td class="default">
328
+
329
+ 0.5
330
+
331
+ </td>
332
+
333
+
334
+ <td class="description last"><p>区域信息,当region为0.5时,沿着水平卷帘或垂直卷帘方向50%的区域。当前值域范围为0-1</p></td>
335
+ </tr>
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+ </tbody>
344
+ </table>
345
+ </div>
346
+
347
+
348
+
349
+
350
+
351
+
352
+ <dl class="details">
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
381
+
382
+
383
+
384
+ </dl>
385
+
386
+
387
+
388
+
389
+
390
+
391
+
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+ <h5>示例</h5>
409
+
410
+
411
+ <pre class="prettyprint"><code>const swipeControl= new SwipeControl(leadingLayers, trailingLayers)
412
  // 添加到leaflet地图中
1
413
  swipeControl.addTo(leafletMap);
2
414
  // 移除
3
415
  swipeControl.remove();
4
416
  // 更新卷帘的模式
5
417
  swipeControl.setMode('vertical');
6
418
  // 更新区域
7
419
  swipeControl.setRegion(0.5);</code></pre>
420
+
421
+
422
+
423
+
424
+ </div>
425
+ </div>
426
+ </div>
427
+
428
+
429
+ </div>
430
+
431
+
432
+ <h3 class="subsection-title">继承关系</h3>
433
+
434
+
435
+
436
+
437
+ <ul>
438
+ <li>L.Control</li>
439
+ </ul>
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+
448
+
449
+
450
+
451
+
452
+
453
+
454
+
455
+
456
+
457
+ <div class='vertical-section'>
458
+ <h3 id='function'>方法</h3>
459
+ <div class="members">
460
+
461
+ <div class="member">
462
+
463
+
464
+
465
+ <h4 class="name" id="addTo">
466
+ <a class="href-link" href="#addTo">#</a>
467
+
468
+ <span class="code-name" style="font-size:30px">
469
+
470
+ addTo<span class="signature">(map)</span>
471
+
472
+ </span>
473
+ </h4>
474
+
475
+
476
+
477
+ <div class="description">
478
+ <p>添加到地图中</p>
479
+ </div>
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+
490
+ <h4>参数:</h4>
491
+
492
+ <div class="table-container">
493
+ <table class="params table">
494
+ <thead>
495
+ <tr>
496
+
497
+ <th>名称</th>
498
+
499
+
500
+ <th>类型</th>
501
+
502
+
503
+
504
+ <th class="last">描述</th>
505
+ </tr>
506
+ </thead>
507
+
508
+ <tbody>
509
+
510
+
511
+
512
+ <tr class="deep-level-0">
513
+
514
+ <td class="name"><code>map</code></td>
515
+
516
+
517
+ <td class="type">
518
+
519
+
520
+ <span class="param-type">L.Map</span>
521
+
522
+
523
+
524
+ </td>
525
+
526
+
527
+
528
+ <td class="description last"><p>leaflet地图对象</p></td>
529
+ </tr>
530
+
531
+
532
+
533
+
534
+ </tbody>
535
+ </table>
536
+ </div>
537
+
538
+
539
+
540
+
541
+
542
+
543
+ <dl class="details">
544
+
545
+
546
+
547
+
548
+
549
+
550
+
551
+
552
+
553
+
554
+
555
+
556
+
557
+
558
+
559
+
560
+
561
+
562
+
563
+
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+ </dl>
576
+
577
+
578
+
579
+
580
+
581
+
582
+
583
+
584
+
585
+
586
+
587
+
588
+
589
+
590
+
591
+
592
+
593
+
594
+
595
+
596
+
597
+
598
+
599
+ </div>
600
+
601
+ <div class="member">
602
+
603
+
604
+
605
+ <h4 class="name" id="enable">
606
+ <a class="href-link" href="#enable">#</a>
607
+
608
+ <span class="code-name" style="font-size:30px">
609
+
610
+ enable<span class="signature">(enabled)</span>
611
+
612
+ </span>
613
+ </h4>
614
+
615
+
616
+
617
+ <div class="description">
618
+ <p>开启或关闭工具</p>
619
+ </div>
620
+
621
+
622
+
623
+
624
+
625
+
626
+
627
+
628
+
629
+
630
+ <h4>参数:</h4>
631
+
632
+ <div class="table-container">
633
+ <table class="params table">
634
+ <thead>
635
+ <tr>
636
+
637
+ <th>名称</th>
638
+
639
+
640
+ <th>类型</th>
641
+
642
+
643
+
644
+ <th class="last">描述</th>
645
+ </tr>
646
+ </thead>
647
+
648
+ <tbody>
649
+
650
+
651
+
652
+ <tr class="deep-level-0">
653
+
654
+ <td class="name"><code>enabled</code></td>
655
+
656
+
657
+ <td class="type">
658
+
659
+
660
+ <span class="param-type">Boolean</span>
661
+
662
+
663
+
664
+ </td>
665
+
666
+
667
+
668
+ <td class="description last"></td>
669
+ </tr>
670
+
671
+
672
+
673
+
674
+ </tbody>
675
+ </table>
676
+ </div>
677
+
678
+
679
+
680
+
681
+
682
+
683
+ <dl class="details">
684
+
685
+
686
+
687
+
688
+
689
+
690
+
691
+
692
+
693
+
694
+
695
+
696
+
697
+
698
+
699
+
700
+
701
+
702
+
703
+
704
+
705
+
706
+
707
+
708
+
709
+
710
+
711
+
712
+
713
+
714
+
715
+ </dl>
716
+
717
+
718
+
719
+
720
+
721
+
722
+
723
+
724
+
725
+
726
+
727
+
728
+
729
+
730
+
731
+
732
+
733
+
734
+
735
+
736
+
737
+
738
+
739
+ </div>
740
+
741
+ <div class="member">
742
+
743
+
744
+
745
+ <h4 class="name" id="remove">
746
+ <a class="href-link" href="#remove">#</a>
747
+
748
+ <span class="code-name" style="font-size:30px">
749
+
750
+ remove<span class="signature">()</span>
751
+
752
+ </span>
753
+ </h4>
754
+
755
+
756
+
757
+ <div class="description">
758
+ <p>销毁对象</p>
759
+ </div>
760
+
761
+
762
+
763
+
764
+
765
+
766
+
767
+
768
+
769
+
770
+
771
+
772
+
773
+
774
+ <dl class="details">
775
+
776
+
777
+
778
+
779
+
780
+
781
+
782
+
783
+
784
+
785
+
786
+
787
+
788
+
789
+
790
+
791
+
792
+
793
+
794
+
795
+
796
+
797
+
798
+
799
+
800
+
801
+
802
+
803
+
804
+
805
+
806
+ </dl>
807
+
808
+
809
+
810
+
811
+
812
+
813
+
814
+
815
+
816
+
817
+
818
+
819
+
820
+
821
+
822
+
823
+
824
+
825
+
826
+
827
+
828
+
829
+
830
+ </div>
831
+
832
+ <div class="member">
833
+
834
+
835
+
836
+ <h4 class="name" id="setLeadingLayers">
837
+ <a class="href-link" href="#setLeadingLayers">#</a>
838
+
839
+ <span class="code-name" style="font-size:30px">
840
+
841
+ setLeadingLayers<span class="signature">(leadingLayers)</span>
842
+
843
+ </span>
844
+ </h4>
845
+
846
+
847
+
848
+ <div class="description">
849
+ <p>动态设置左侧或者上部图层列表</p>
850
+ </div>
851
+
852
+
853
+
854
+
855
+
856
+
857
+
858
+
859
+
860
+
861
+ <h4>参数:</h4>
862
+
863
+ <div class="table-container">
864
+ <table class="params table">
865
+ <thead>
866
+ <tr>
867
+
868
+ <th>名称</th>
869
+
870
+
871
+ <th>类型</th>
872
+
873
+
874
+
875
+ <th class="last">描述</th>
876
+ </tr>
877
+ </thead>
878
+
879
+ <tbody>
880
+
881
+
882
+
883
+ <tr class="deep-level-0">
884
+
885
+ <td class="name"><code>leadingLayers</code></td>
886
+
887
+
888
+ <td class="type">
889
+
890
+
891
+ <span class="param-type">Array.&lt;L.Layer></span>
892
+
893
+
894
+
895
+ </td>
896
+
897
+
898
+
899
+ <td class="description last"></td>
900
+ </tr>
901
+
902
+
903
+
904
+
905
+ </tbody>
906
+ </table>
907
+ </div>
908
+
909
+
910
+
911
+
912
+
913
+
914
+ <dl class="details">
915
+
916
+
917
+
918
+
919
+
920
+
921
+
922
+
923
+
924
+
925
+
926
+
927
+
928
+
929
+
930
+
931
+
932
+
933
+
934
+
935
+
936
+
937
+
938
+
939
+
940
+
941
+
942
+
943
+
944
+
945
+
946
+ </dl>
947
+
948
+
949
+
950
+
951
+
952
+
953
+
954
+
955
+
956
+
957
+
958
+
959
+
960
+
961
+
962
+
963
+
964
+
965
+ <div class='columns method-parameter'>
966
+ <div class="column is-2"><label>返回值:</label></div>
967
+ <div class="column is-10">
968
+
969
+
970
+
971
+ <div class="columns">
972
+
973
+
974
+ <div class='column is-5 has-text-left'>
975
+ <label>类型: </label>
976
+
977
+ <span class="param-type">*</span>
978
+
979
+
980
+ </div>
981
+
982
+ </div>
983
+
984
+
985
+ </div>
986
+ </div>
987
+
988
+
989
+
990
+
991
+
992
+
993
+ </div>
994
+
995
+ <div class="member">
996
+
997
+
998
+
999
+ <h4 class="name" id="setMode">
1000
+ <a class="href-link" href="#setMode">#</a>
1001
+
1002
+ <span class="code-name" style="font-size:30px">
1003
+
1004
+ setMode<span class="signature">(mode)</span>
1005
+
1006
+ </span>
1007
+ </h4>
1008
+
1009
+
1010
+
1011
+ <div class="description">
1012
+ <p>动态修改模式</p>
1013
+ </div>
1014
+
1015
+
1016
+
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+
1024
+ <h4>参数:</h4>
1025
+
1026
+ <div class="table-container">
1027
+ <table class="params table">
1028
+ <thead>
1029
+ <tr>
1030
+
1031
+ <th>名称</th>
1032
+
1033
+
1034
+ <th>类型</th>
1035
+
1036
+
1037
+
1038
+ <th class="last">描述</th>
1039
+ </tr>
1040
+ </thead>
1041
+
1042
+ <tbody>
1043
+
1044
+
1045
+
1046
+ <tr class="deep-level-0">
1047
+
1048
+ <td class="name"><code>mode</code></td>
1049
+
1050
+
1051
+ <td class="type">
1052
+
1053
+
1054
+ <span class="param-type">String</span>
1055
+
1056
+
1057
+
1058
+ </td>
1059
+
1060
+
1061
+
1062
+ <td class="description last"><p>模式,当前仅支持两种模式,'horizontal'水平和'vertical'垂直两种模式</p></td>
1063
+ </tr>
1064
+
1065
+
1066
+
1067
+
1068
+ </tbody>
1069
+ </table>
1070
+ </div>
1071
+
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+ <dl class="details">
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+
1086
+
1087
+
1088
+
1089
+
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+
1096
+
1097
+
1098
+
1099
+
1100
+
1101
+
1102
+
1103
+
1104
+
1105
+
1106
+
1107
+
1108
+
1109
+ </dl>
1110
+
1111
+
1112
+
1113
+
1114
+
1115
+
1116
+
1117
+
1118
+
1119
+
1120
+
1121
+
1122
+
1123
+
1124
+
1125
+
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+
1133
+ </div>
1134
+
1135
+ <div class="member">
1136
+
1137
+
1138
+
1139
+ <h4 class="name" id="setRegion">
1140
+ <a class="href-link" href="#setRegion">#</a>
1141
+
1142
+ <span class="code-name" style="font-size:30px">
1143
+
1144
+ setRegion<span class="signature">(region)</span>
1145
+
1146
+ </span>
1147
+ </h4>
1148
+
1149
+
1150
+
1151
+ <div class="description">
1152
+ <p>动态修改区域值</p>
1153
+ </div>
1154
+
1155
+
1156
+
1157
+
1158
+
1159
+
1160
+
1161
+
1162
+
1163
+
1164
+ <h4>参数:</h4>
1165
+
1166
+ <div class="table-container">
1167
+ <table class="params table">
1168
+ <thead>
1169
+ <tr>
1170
+
1171
+ <th>名称</th>
1172
+
1173
+
1174
+ <th>类型</th>
1175
+
1176
+
1177
+
1178
+ <th class="last">描述</th>
1179
+ </tr>
1180
+ </thead>
1181
+
1182
+ <tbody>
1183
+
1184
+
1185
+
1186
+ <tr class="deep-level-0">
1187
+
1188
+ <td class="name"><code>region</code></td>
1189
+
1190
+
1191
+ <td class="type">
1192
+
1193
+
1194
+ <span class="param-type">Number</span>
1195
+
1196
+
1197
+
1198
+ </td>
1199
+
1200
+
1201
+
1202
+ <td class="description last"><p>区域值</p></td>
1203
+ </tr>
1204
+
1205
+
1206
+
1207
+
1208
+ </tbody>
1209
+ </table>
1210
+ </div>
1211
+
1212
+
1213
+
1214
+
1215
+
1216
+
1217
+ <dl class="details">
1218
+
1219
+
1220
+
1221
+
1222
+
1223
+
1224
+
1225
+
1226
+
1227
+
1228
+
1229
+
1230
+
1231
+
1232
+
1233
+
1234
+
1235
+
1236
+
1237
+
1238
+
1239
+
1240
+
1241
+
1242
+
1243
+
1244
+
1245
+
1246
+
1247
+
1248
+
1249
+ </dl>
1250
+
1251
+
1252
+
1253
+
1254
+
1255
+
1256
+
1257
+
1258
+
1259
+
1260
+
1261
+
1262
+
1263
+
1264
+
1265
+
1266
+
1267
+
1268
+
1269
+
1270
+
1271
+
1272
+
1273
+ </div>
1274
+
1275
+ <div class="member">
1276
+
1277
+
1278
+
1279
+ <h4 class="name" id="setTrailingLayers">
1280
+ <a class="href-link" href="#setTrailingLayers">#</a>
1281
+
1282
+ <span class="code-name" style="font-size:30px">
1283
+
1284
+ setTrailingLayers<span class="signature">(leadingLayers)</span>
1285
+
1286
+ </span>
1287
+ </h4>
1288
+
1289
+
1290
+
1291
+ <div class="description">
1292
+ <p>动态设置右侧或者下部图层列表</p>
1293
+ </div>
1294
+
1295
+
1296
+
1297
+
1298
+
1299
+
1300
+
1301
+
1302
+
1303
+
1304
+ <h4>参数:</h4>
1305
+
1306
+ <div class="table-container">
1307
+ <table class="params table">
1308
+ <thead>
1309
+ <tr>
1310
+
1311
+ <th>名称</th>
1312
+
1313
+
1314
+ <th>类型</th>
1315
+
1316
+
1317
+
1318
+ <th class="last">描述</th>
1319
+ </tr>
1320
+ </thead>
1321
+
1322
+ <tbody>
1323
+
1324
+
1325
+
1326
+ <tr class="deep-level-0">
1327
+
1328
+ <td class="name"><code>leadingLayers</code></td>
1329
+
1330
+
1331
+ <td class="type">
1332
+
1333
+
1334
+ <span class="param-type">Array.&lt;L.Layer></span>
1335
+
1336
+
1337
+
1338
+ </td>
1339
+
1340
+
1341
+
1342
+ <td class="description last"></td>
1343
+ </tr>
1344
+
1345
+
1346
+
1347
+
1348
+ </tbody>
1349
+ </table>
1350
+ </div>
1351
+
1352
+
1353
+
1354
+
1355
+
1356
+
1357
+ <dl class="details">
1358
+
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+
1365
+
1366
+
1367
+
1368
+
1369
+
1370
+
1371
+
1372
+
1373
+
1374
+
1375
+
1376
+
1377
+
1378
+
1379
+
1380
+
1381
+
1382
+
1383
+
1384
+
1385
+
1386
+
1387
+
1388
+
1389
+ </dl>
1390
+
1391
+
1392
+
1393
+
1394
+
1395
+
1396
+
1397
+
1398
+
1399
+
1400
+
1401
+
1402
+
1403
+
1404
+
1405
+
1406
+
1407
+
1408
+ <div class='columns method-parameter'>
1409
+ <div class="column is-2"><label>返回值:</label></div>
1410
+ <div class="column is-10">
1411
+
1412
+
1413
+
1414
+ <div class="columns">
1415
+
1416
+
1417
+ <div class='column is-5 has-text-left'>
1418
+ <label>类型: </label>
1419
+
1420
+ <span class="param-type">*</span>
1421
+
1422
+
1423
+ </div>
1424
+
1425
+ </div>
1426
+
1427
+
1428
+ </div>
1429
+ </div>
1430
+
1431
+
1432
+
1433
+
1434
+
1435
+
1436
+ </div>
1437
+
1438
+ </div>
1439
+ </div>
1440
+
1441
+
1442
+
1443
+
1444
+
1445
+ </article>
1446
+
1447
+ </section>
1448
+
1449
+
1450
+
1451
+
1452
+ </div>
1453
+
1454
+ <footer class="footer">
1455
+ <div class="content has-text-centered">
1456
+ <p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
1457
+ <p class="sidebar-created-by">
1458
+ <a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
1459
+ <a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
1460
+ </p>
1461
+ </div>
1462
+ </footer>
1463
+
1464
+ </div>
1465
+ <div id="side-nav" class="side-nav">
1466
+ <div style="margin-bottom: 10px;">
1467
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
1468
+ </div>
1469
+ <div style="margin-bottom: 10px;">
1470
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
1471
+ </div>
1472
+ <div style="margin-bottom: 10px;">
1473
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
1474
+ </div>
1475
+ <div>
1476
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
1477
+ </div>
1478
+ </div>
1479
+ </div>
1480
+ <script src="scripts/linenumber.js"> </script>
1481
+
1482
+ <script src="scripts/search.js"> </script>
1483
+
1484
+ </body>
1485
+ </html>