@mapgis/webclient-mapboxgl-plugin 17.2.8 → 17.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/es5/webclient-common.min.js +5 -5
- package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -1
- package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -1
- package/documention/EchartsLayer.html +178 -20
- package/documention/MapView.html +1704 -0
- package/documention/MapViewMapboxgl.html +283 -931
- package/documention/Popup.html +198 -284
- package/documention/Screenshot.html +181 -134
- package/documention/SketchEditorMapboxgl.html +241 -477
- package/documention/global.html +4968 -6
- package/documention/index.html +11 -14
- package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapvLayer.html +180 -27
- package/documention/scripts/search.js +1 -26
- package/documention/styles/app.min.css +1 -1
- package/documention/tutorial-1./345/277/253/351/200/237/345/205/245/351/227/250.html +152 -7
- package/package.json +4 -5
package/documention/index.html
CHANGED
|
@@ -104,13 +104,13 @@
|
|
|
104
104
|
|
|
105
105
|
<nav>
|
|
106
106
|
|
|
107
|
-
<div class="category"><div
|
|
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="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>二维场景视图(mapboxgl引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考<code>Map</code>，<br/>
|
|
108
108
|
参考示例：
|
|
109
|
-
<a href='#
|
|
109
|
+
<a href='#MapView'>[初始化二维场景视图]</a>
|
|
110
110
|
<br>[ES5引入方式]：<br/>
|
|
111
111
|
zondy.mapboxgl.MapView() <br/>
|
|
112
112
|
[ES6引入方式]：<br/>
|
|
113
|
-
import {
|
|
113
|
+
import { MapView } from '@mapgis/webclient-mapboxgl-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>二维场景信息弹窗(mapboxgl引擎)
|
|
114
114
|
参考示例：
|
|
115
115
|
<a href='#MapView'>[初始化二维场景视图]</a>
|
|
116
116
|
[ES6引入方式]：<br/>
|
|
@@ -120,21 +120,19 @@ zondy-popup__content 弹窗容器样式<br/>
|
|
|
120
120
|
zondy-popup__tip 弹窗对话框箭头样式<br/>
|
|
121
121
|
zondy-popup__header 弹窗头部样式<br/>
|
|
122
122
|
zondy-popup__content 弹窗主体样式<br/>
|
|
123
|
-
zondy-popup__footer 弹窗底部样式<br/></p></span></li><
|
|
123
|
+
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="SketchEditorMapboxgl"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorMapboxgl.html">SketchEditorMapboxgl</a><span style="display: none;"><p>二维Mapboxgl引擎草图编辑类<br/>
|
|
124
124
|
<br>[ES5引入方式]：<br/>
|
|
125
125
|
const { SketchEditor } = zondy.mapboxgl.tool.sketch <br/>
|
|
126
126
|
[ES6引入方式]：<br/>
|
|
127
|
-
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li
|
|
127
|
+
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li></ul></div>
|
|
128
128
|
|
|
129
129
|
</nav>
|
|
130
130
|
</div>
|
|
131
131
|
<div class="core" id="main-content-wrapper">
|
|
132
|
-
<div class="content"
|
|
132
|
+
<div class="content">
|
|
133
133
|
<header id="page-title" class="page-title">
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
<span class="page-title-sub">Home</span>
|
|
137
|
-
|
|
134
|
+
<span class="page-title-main">类名</span>
|
|
135
|
+
<span class="page-title-sub">Home</span>
|
|
138
136
|
</header>
|
|
139
137
|
|
|
140
138
|
|
|
@@ -218,10 +216,10 @@ import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/><
|
|
|
218
216
|
|
|
219
217
|
<footer class="footer">
|
|
220
218
|
<div class="content has-text-centered">
|
|
221
|
-
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc
|
|
219
|
+
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
|
|
222
220
|
<p class="sidebar-created-by">
|
|
223
|
-
<a href="
|
|
224
|
-
<a href="http://
|
|
221
|
+
<a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
|
|
222
|
+
<a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
|
|
225
223
|
</p>
|
|
226
224
|
</div>
|
|
227
225
|
</footer>
|
|
@@ -246,6 +244,5 @@ import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/><
|
|
|
246
244
|
|
|
247
245
|
<script src="scripts/search.js"> </script>
|
|
248
246
|
|
|
249
|
-
<script src="scripts/sideBar.js"> </script>
|
|
250
247
|
</body>
|
|
251
248
|
</html>
|
package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapvLayer.html
CHANGED
|
@@ -1,10 +1,140 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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>Client for JavaScript MapvLayer</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="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>二维场景视图(mapboxgl引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考<code>Map</code>，<br/>
|
|
108
|
+
参考示例：
|
|
109
|
+
<a href='#MapView'>[初始化二维场景视图]</a>
|
|
110
|
+
<br>[ES5引入方式]：<br/>
|
|
111
|
+
zondy.mapboxgl.MapView() <br/>
|
|
112
|
+
[ES6引入方式]：<br/>
|
|
113
|
+
import { MapView } from '@mapgis/webclient-mapboxgl-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>二维场景信息弹窗(mapboxgl引擎)
|
|
114
|
+
参考示例：
|
|
115
|
+
<a href='#MapView'>[初始化二维场景视图]</a>
|
|
116
|
+
[ES6引入方式]：<br/>
|
|
117
|
+
import { Popup } from '@mapgis/webclient-mapboxgl-plugin' <br/>
|
|
118
|
+
自定义样式说明：<br/>
|
|
119
|
+
zondy-popup__content 弹窗容器样式<br/>
|
|
120
|
+
zondy-popup__tip 弹窗对话框箭头样式<br/>
|
|
121
|
+
zondy-popup__header 弹窗头部样式<br/>
|
|
122
|
+
zondy-popup__content 弹窗主体样式<br/>
|
|
123
|
+
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="SketchEditorMapboxgl"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorMapboxgl.html">SketchEditorMapboxgl</a><span style="display: none;"><p>二维Mapboxgl引擎草图编辑类<br/>
|
|
124
|
+
<br>[ES5引入方式]：<br/>
|
|
125
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch <br/>
|
|
126
|
+
[ES6引入方式]：<br/>
|
|
127
|
+
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li></ul></div>
|
|
128
|
+
|
|
129
|
+
</nav>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="core" id="main-content-wrapper">
|
|
132
|
+
<div class="content">
|
|
133
|
+
<header id="page-title" class="page-title">
|
|
134
|
+
<span class="page-title-main">类名</span>
|
|
135
|
+
<span class="page-title-sub">MapvLayer</span>
|
|
136
|
+
</header>
|
|
137
|
+
|
|
8
138
|
|
|
9
139
|
|
|
10
140
|
|
|
@@ -25,7 +155,7 @@
|
|
|
25
155
|
<h4 class="name" id="MapvLayer">
|
|
26
156
|
<a class="href-link" href="#MapvLayer">#</a>
|
|
27
157
|
|
|
28
|
-
<span class="code-name"
|
|
158
|
+
<span class="code-name" style="font-size:30px">
|
|
29
159
|
|
|
30
160
|
new MapvLayer<span class="signature">(map, dataset, mapvoption)</span>
|
|
31
161
|
|
|
@@ -43,7 +173,7 @@
|
|
|
43
173
|
|
|
44
174
|
|
|
45
175
|
|
|
46
|
-
<h4
|
|
176
|
+
<h4>参数:</h4>
|
|
47
177
|
|
|
48
178
|
<div class="table-container">
|
|
49
179
|
<table class="params table">
|
|
@@ -73,12 +203,7 @@
|
|
|
73
203
|
<td class="type">
|
|
74
204
|
|
|
75
205
|
|
|
76
|
-
<span class="param-type">
|
|
77
|
-
|
|
78
|
-
Object
|
|
79
|
-
|
|
80
|
-
</span>
|
|
81
|
-
|
|
206
|
+
<span class="param-type">Object</span>
|
|
82
207
|
|
|
83
208
|
|
|
84
209
|
|
|
@@ -102,12 +227,7 @@
|
|
|
102
227
|
<td class="type">
|
|
103
228
|
|
|
104
229
|
|
|
105
|
-
<span class="param-type">
|
|
106
|
-
|
|
107
|
-
MapvDataSet
|
|
108
|
-
|
|
109
|
-
</span>
|
|
110
|
-
|
|
230
|
+
<span class="param-type">MapvDataSet</span>
|
|
111
231
|
|
|
112
232
|
|
|
113
233
|
|
|
@@ -131,12 +251,7 @@
|
|
|
131
251
|
<td class="type">
|
|
132
252
|
|
|
133
253
|
|
|
134
|
-
<span class="param-type">
|
|
135
|
-
|
|
136
|
-
MapvOption
|
|
137
|
-
|
|
138
|
-
</span>
|
|
139
|
-
|
|
254
|
+
<span class="param-type">MapvOption</span>
|
|
140
255
|
|
|
141
256
|
|
|
142
257
|
|
|
@@ -197,7 +312,7 @@
|
|
|
197
312
|
<dt class="tag-see">See:</dt>
|
|
198
313
|
<dd class="tag-see">
|
|
199
314
|
<ul>
|
|
200
|
-
<li>https://github.com/huiyan-fe/mapv/blob/master/API.md</li>
|
|
315
|
+
<li><a href="https://github.com/huiyan-fe/mapv/blob/master/API.md">https://github.com/huiyan-fe/mapv/blob/master/API.md</a></li>
|
|
201
316
|
</ul>
|
|
202
317
|
</dd>
|
|
203
318
|
|
|
@@ -286,4 +401,42 @@
|
|
|
286
401
|
|
|
287
402
|
</article>
|
|
288
403
|
|
|
289
|
-
</section>
|
|
404
|
+
</section>
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
|
|
409
|
+
</div>
|
|
410
|
+
|
|
411
|
+
<footer class="footer">
|
|
412
|
+
<div class="content has-text-centered">
|
|
413
|
+
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
|
|
414
|
+
<p class="sidebar-created-by">
|
|
415
|
+
<a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
|
|
416
|
+
<a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
|
|
417
|
+
</p>
|
|
418
|
+
</div>
|
|
419
|
+
</footer>
|
|
420
|
+
|
|
421
|
+
</div>
|
|
422
|
+
<div id="side-nav" class="side-nav">
|
|
423
|
+
<div style="margin-bottom: 10px;">
|
|
424
|
+
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
|
|
425
|
+
</div>
|
|
426
|
+
<div style="margin-bottom: 10px;">
|
|
427
|
+
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
|
|
428
|
+
</div>
|
|
429
|
+
<div style="margin-bottom: 10px;">
|
|
430
|
+
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
|
|
431
|
+
</div>
|
|
432
|
+
<div>
|
|
433
|
+
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
|
|
434
|
+
</div>
|
|
435
|
+
</div>
|
|
436
|
+
</div>
|
|
437
|
+
<script src="scripts/linenumber.js"> </script>
|
|
438
|
+
|
|
439
|
+
<script src="scripts/search.js"> </script>
|
|
440
|
+
|
|
441
|
+
</body>
|
|
442
|
+
</html>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function() {
|
|
2
2
|
const input = document.querySelector('#search')
|
|
3
|
-
const targets = [ ...document.querySelectorAll('#sidebarNav li
|
|
3
|
+
const targets = [ ...document.querySelectorAll('#sidebarNav li')]
|
|
4
4
|
input.addEventListener('input', () => {
|
|
5
5
|
// loop over each targets and hide the not corresponding ones
|
|
6
6
|
targets.forEach(target => {
|
|
@@ -12,32 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
if (isHide) {
|
|
14
14
|
target.style.display = 'none'
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Detects an empty list
|
|
18
|
-
* Remove the list and the list's title if the list is not displayed
|
|
19
|
-
*/
|
|
20
|
-
const list = [...target.parentNode.childNodes].filter( elem => elem.style.display !== 'none')
|
|
21
|
-
|
|
22
|
-
if (!list.length) {
|
|
23
|
-
target.parentNode.style.display = 'none'
|
|
24
|
-
target.parentNode.previousSibling.style.display = 'none'
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Detects empty category
|
|
29
|
-
* Remove the entire category if no item is displayed
|
|
30
|
-
*/
|
|
31
|
-
const category = [...target.parentNode.parentNode.childNodes]
|
|
32
|
-
.filter( elem => elem.tagName !== 'H2' && elem.style.display !== 'none')
|
|
33
|
-
|
|
34
|
-
if (!category.length) {
|
|
35
|
-
target.parentNode.parentNode.style.display = 'none'
|
|
36
|
-
}
|
|
37
15
|
} else {
|
|
38
|
-
target.parentNode.style.display = 'block'
|
|
39
|
-
target.parentNode.previousSibling.style.display = 'block'
|
|
40
|
-
target.parentNode.parentNode.style.display = 'block'
|
|
41
16
|
target.style.display = 'block'
|
|
42
17
|
}
|
|
43
18
|
})
|