@mapgis/webclient-mapboxgl-plugin 17.0.6 → 17.2.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 +11 -35
- package/dist/es5/webclient-common.min.js +15 -4
- package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -1
- package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -1
- package/documention/MapViewMapboxgl.html +1233 -8
- package/documention/Popup.html +3 -3
- package/documention/Screenshot.html +0 -11
- package/documention/SketchEditorMapboxgl.html +31 -2
- package/documention/index.html +4 -4
- package/documention/scripts/sideBar.js +16 -2
- package/package.json +3 -4
- package/documention/document_ArcGISVectorTileLayerView.js.html +0 -265
- package/documention/document_EchartsLayerView.js.html +0 -246
- package/documention/document_GraphicsLayerView.js.html +0 -314
- package/documention/document_IGSFeatureLayerView.js.html +0 -218
- package/documention/document_IGSMapImageLayerView.js.html +0 -240
- package/documention/document_IGSTileLayerView.js.html +0 -236
- package/documention/document_IGSVectorTileLayerView.js.html +0 -264
- package/documention/document_MapVLayerView.js.html +0 -247
- package/documention/document_WMSLayerView.js.html +0 -240
- package/documention/document_WMTSLayerView.js.html +0 -234
- package/documention/document_WebTileLayerView.js.html +0 -240
- package/documention/document_support_FeatureRenderView.js.html +0 -682
- package/documention/document_support_MapboxglGraphicsLayer.js.html +0 -1184
- package/documention/document_support_SourceMetaData.js.html +0 -223
- package/documention/document_support_Utils.js.html +0 -624
- package/documention/document_support_mapbox_mapboxCustomUtil.js.html +0 -322
- package/documention/sketchEditor_SketchEditorMapboxgl.js.html +0 -875
- package/documention/util_ConvertRendererToStyleLayerUtil.js.html +0 -844
- package/documention/util_MapboxglFeatureRender.js.html +0 -225
- package/documention/util_MapboxglPlugin.js.html +0 -284
- package/documention/view_MapViewMapboxgl.js.html +0 -1882
- package/documention/view_utils_ArcGISVectorTileLayerUtil.js.html +0 -382
- package/documention/view_utils_EchartsLayerUtil.js.html +0 -194
- package/documention/view_utils_IGSMapImageUtil.js.html +0 -373
- package/documention/view_utils_IGSTileLayerUtil.js.html +0 -285
- package/documention/view_utils_IGSVectorTileLayerUtil.js.html +0 -379
- package/documention/view_utils_MapVLayerUtil.js.html +0 -197
- package/documention/view_utils_Popup.js.html +0 -525
- package/documention/view_utils_Screenshot.js.html +0 -320
- package/documention/view_utils_WMSLayerUtil.js.html +0 -337
- package/documention/view_utils_WMTSLayerUtil.js.html +0 -331
- package/documention/view_utils_WebTileLayerUtil.js.html +0 -284
- package/documention/view_utils_echarts_EchartsLayerPlugin.js.html +0 -419
- package/documention/view_utils_mapV_MapVLayerPlugin.js.html +0 -527
- package/documention/view_utils_mapV_MapvBaseLayer.js.html +0 -477
- package/documention/view_utils_support_rasterLayerUtil.js.html +0 -244
- package/documention/view_utils_support_vectorLayerUtil.js.html +0 -503
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<!DOCTYPE html>
|
|
4
|
-
<html lang="en">
|
|
5
|
-
|
|
6
|
-
<head>
|
|
7
|
-
|
|
8
|
-
<meta charset="utf-8">
|
|
9
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
10
|
-
<title>Client for JavaScript document/support/mapbox/mapboxCustomUtil.js</title>
|
|
11
|
-
<!--[if lt IE 9]>
|
|
12
|
-
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
13
|
-
<![endif]-->
|
|
14
|
-
<link type="text/css" rel="stylesheet" href="styles/app.min.css">
|
|
15
|
-
<link type="text/css" rel="stylesheet" href="styles/iframe.css">
|
|
16
|
-
<link type="text/css" rel="stylesheet" href="">
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
</head>
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<body class="layout small-header">
|
|
24
|
-
<div id="stickyNavbarOverlay"></div>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<div class="top-nav">
|
|
28
|
-
<div class="inner">
|
|
29
|
-
<a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
|
|
30
|
-
<span aria-hidden="true"></span>
|
|
31
|
-
<span aria-hidden="true"></span>
|
|
32
|
-
<span aria-hidden="true"></span>
|
|
33
|
-
</a>
|
|
34
|
-
<div class="logo">
|
|
35
|
-
|
|
36
|
-
<h1> MapGIS Client for JavaScript API</h1>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
</div>
|
|
40
|
-
<div class="menu">
|
|
41
|
-
|
|
42
|
-
<div class="navigation">
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
<a
|
|
46
|
-
class="link user-link "
|
|
47
|
-
href="/static/modules/common/api/common-mapgis/index.html"
|
|
48
|
-
>
|
|
49
|
-
Common
|
|
50
|
-
</a>
|
|
51
|
-
|
|
52
|
-
<a
|
|
53
|
-
class="link user-link "
|
|
54
|
-
href="/static/modules/cesium/api/cesium-mapgis/index.html"
|
|
55
|
-
>
|
|
56
|
-
Cesium
|
|
57
|
-
</a>
|
|
58
|
-
|
|
59
|
-
<a
|
|
60
|
-
class="link user-link "
|
|
61
|
-
href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
|
|
62
|
-
>
|
|
63
|
-
MapboxGL
|
|
64
|
-
</a>
|
|
65
|
-
|
|
66
|
-
<a
|
|
67
|
-
class="link user-link "
|
|
68
|
-
href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
|
|
69
|
-
>
|
|
70
|
-
Leaflet
|
|
71
|
-
</a>
|
|
72
|
-
|
|
73
|
-
<a
|
|
74
|
-
class="link user-link "
|
|
75
|
-
href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
|
|
76
|
-
>
|
|
77
|
-
OpenLayers
|
|
78
|
-
</a>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
|
|
87
|
-
<div id="main">
|
|
88
|
-
<div
|
|
89
|
-
class="sidebar "
|
|
90
|
-
id="sidebarNav"
|
|
91
|
-
>
|
|
92
|
-
<div>
|
|
93
|
-
<span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
|
|
94
|
-
</div>
|
|
95
|
-
|
|
96
|
-
<div class="search-wrapper">
|
|
97
|
-
<input id="search" type="text" placeholder="搜索文档..." class="input">
|
|
98
|
-
</div>
|
|
99
|
-
|
|
100
|
-
<nav>
|
|
101
|
-
|
|
102
|
-
<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="">undefined</div><ul class="mapgis-sidebar-menus"><li><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引擎)
|
|
103
|
-
参考示例:
|
|
104
|
-
<a href='#MapView'>[初始化二维场景视图]</a>
|
|
105
|
-
[ES6引入方式]:<br/>
|
|
106
|
-
import { Popup } from '@mapgis/webclient-leaflet-plugin' <br/>
|
|
107
|
-
自定义样式说明:<br/>
|
|
108
|
-
zondy-popup__content 弹窗容器样式<br/>
|
|
109
|
-
zondy-popup__tip 弹窗对话框箭头样式<br/>
|
|
110
|
-
zondy-popup__header 弹窗头部样式<br/>
|
|
111
|
-
zondy-popup__content 弹窗主体样式<br/>
|
|
112
|
-
zondy-popup__footer 弹窗底部样式<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="">undefined</div><ul class="mapgis-sidebar-menus"><li><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><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>二维场景草图编辑类<br/>
|
|
113
|
-
<br>[ES5引入方式]:<br/>
|
|
114
|
-
const { SketchEditorMapboxgl } = Zondy <br/>
|
|
115
|
-
[ES6引入方式]:<br/>
|
|
116
|
-
import { SketchEditorMapboxgl } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li></ul></div>
|
|
117
|
-
|
|
118
|
-
</nav>
|
|
119
|
-
</div>
|
|
120
|
-
<div class="core" id="main-content-wrapper">
|
|
121
|
-
<div class="content">
|
|
122
|
-
<header id="page-title" class="page-title">
|
|
123
|
-
<span class="page-title-main">类名</span>
|
|
124
|
-
<span class="page-title-sub">document/support/mapbox/mapboxCustomUtil.js</span>
|
|
125
|
-
</header>
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
<section>
|
|
132
|
-
<article>
|
|
133
|
-
<pre class="prettyprint source linenums"><code>function mapboxCustomCRS(mapboxgl, proj4) {
|
|
134
|
-
class MapboxglCustomProjection extends mapboxgl.Projection {
|
|
135
|
-
constructor(code, options) {
|
|
136
|
-
super()
|
|
137
|
-
const opts = options || {}
|
|
138
|
-
const def = opts.def
|
|
139
|
-
if (!def) {
|
|
140
|
-
throw new Error('自定义参考系必须指定参数系信息def')
|
|
141
|
-
}
|
|
142
|
-
this._def = def
|
|
143
|
-
// 验证proj4库是否存在
|
|
144
|
-
if (!proj4) {
|
|
145
|
-
throw new Error('proj4对象不存在,自定义投影必须引入proj4对象')
|
|
146
|
-
}
|
|
147
|
-
const isP4 = this._isProj4Obj(code)
|
|
148
|
-
this._proj = isP4 ? code : this._projFromCodeDef(code, def)
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
/**
|
|
152
|
-
* @description: 正投
|
|
153
|
-
* @param {*} lnglat
|
|
154
|
-
* @return {*}
|
|
155
|
-
*/
|
|
156
|
-
project(lnglat) {
|
|
157
|
-
let lng
|
|
158
|
-
let lat
|
|
159
|
-
if (Array.isArray(lnglat)) {
|
|
160
|
-
lng = lnglat[0]
|
|
161
|
-
lat = lnglat[1]
|
|
162
|
-
} else {
|
|
163
|
-
lng = lnglat.lng
|
|
164
|
-
lat = lnglat.lat
|
|
165
|
-
}
|
|
166
|
-
return this._proj.forward([lng, lat])
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
/**
|
|
170
|
-
* @description: 反投
|
|
171
|
-
* @param {*} point
|
|
172
|
-
* @return {*}
|
|
173
|
-
*/
|
|
174
|
-
unproject(point) {
|
|
175
|
-
let x
|
|
176
|
-
let y
|
|
177
|
-
if (Array.isArray(point)) {
|
|
178
|
-
x = point[0]
|
|
179
|
-
y = point[1]
|
|
180
|
-
} else {
|
|
181
|
-
x = point.x
|
|
182
|
-
y = point.y
|
|
183
|
-
}
|
|
184
|
-
return this._proj.inverse([x, y])
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
/**
|
|
188
|
-
* @description: 定义proj4
|
|
189
|
-
* @param {*} code
|
|
190
|
-
* @param {*} def
|
|
191
|
-
* @return {*}
|
|
192
|
-
*/
|
|
193
|
-
_projFromCodeDef(code, def) {
|
|
194
|
-
if (def) {
|
|
195
|
-
proj4.defs(code, def)
|
|
196
|
-
} else if (proj4.defs[code] === undefined) {
|
|
197
|
-
const urn = code.split(':')
|
|
198
|
-
if (urn.length > 3) {
|
|
199
|
-
code = `${urn[urn.length - 3]}:${urn[urn.length - 1]}`
|
|
200
|
-
}
|
|
201
|
-
if (proj4.defs[code] === undefined) {
|
|
202
|
-
throw `No projection definition for code ${code}`
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
return proj4(code)
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
// 判断是否为proj4对象
|
|
209
|
-
_isProj4Obj(a) {
|
|
210
|
-
return (
|
|
211
|
-
typeof a.inverse !== 'undefined' && typeof a.forward !== 'undefined'
|
|
212
|
-
)
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
class MapboxglCustomCRS extends mapboxgl.CRS {
|
|
217
|
-
_parseParams(args) {
|
|
218
|
-
// proj4 type
|
|
219
|
-
this._crsType = 'proj4'
|
|
220
|
-
// epsg编号
|
|
221
|
-
this.epsgCode = args[0]
|
|
222
|
-
this.code = this.epsgCode
|
|
223
|
-
// def
|
|
224
|
-
this.def = args[1]
|
|
225
|
-
// 解析options
|
|
226
|
-
const opts = args[2] || {}
|
|
227
|
-
// 解析传入的参数
|
|
228
|
-
this._parseOptions(opts)
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
/**
|
|
232
|
-
* @description: 解析options
|
|
233
|
-
* @param {*} opts
|
|
234
|
-
* @return {*}
|
|
235
|
-
*/
|
|
236
|
-
_parseOptions(opts) {
|
|
237
|
-
super._parseOptions(opts)
|
|
238
|
-
// 分辨率
|
|
239
|
-
this._resolutions = opts.resolutions
|
|
240
|
-
if (Array.isArray(this._resolutions)) {
|
|
241
|
-
const resolutions = {}
|
|
242
|
-
this._resolutions.forEach((v, i) => {
|
|
243
|
-
resolutions[i] = v
|
|
244
|
-
})
|
|
245
|
-
this._resolutions = resolutions
|
|
246
|
-
} else {
|
|
247
|
-
this._resolutions = {}
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
if (!this._resolutions[0]) {
|
|
251
|
-
throw new Error('自定义坐标系时,未设置分辨率数组')
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
if (!this.origin) {
|
|
255
|
-
throw new Error('自定义坐标系时,未设置原点')
|
|
256
|
-
}
|
|
257
|
-
// 解析第一张瓦片tileSize
|
|
258
|
-
this.tileSize = opts.tileSize || -1
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
/**
|
|
262
|
-
* @description: 设置投影对象
|
|
263
|
-
* @return {*}
|
|
264
|
-
*/
|
|
265
|
-
_setProjection() {
|
|
266
|
-
this.projection = new MapboxglCustomProjection(this.getEpsgCode(), {
|
|
267
|
-
origin: this.origin,
|
|
268
|
-
def: this.def
|
|
269
|
-
})
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
if (!mapboxgl.Proj) {
|
|
274
|
-
mapboxgl.Proj = {}
|
|
275
|
-
}
|
|
276
|
-
mapboxgl.Proj.CRS = MapboxglCustomCRS
|
|
277
|
-
mapboxgl.Proj.Projection = MapboxglCustomProjection
|
|
278
|
-
|
|
279
|
-
return MapboxglCustomCRS
|
|
280
|
-
}
|
|
281
|
-
export { mapboxCustomCRS }
|
|
282
|
-
</code></pre>
|
|
283
|
-
</article>
|
|
284
|
-
</section>
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
</div>
|
|
290
|
-
|
|
291
|
-
<footer class="footer">
|
|
292
|
-
<div class="content has-text-centered">
|
|
293
|
-
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
|
|
294
|
-
<p class="sidebar-created-by">
|
|
295
|
-
<a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
|
|
296
|
-
<a href="http://192.168.82.89:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
|
|
297
|
-
</p>
|
|
298
|
-
</div>
|
|
299
|
-
</footer>
|
|
300
|
-
|
|
301
|
-
</div>
|
|
302
|
-
<div id="side-nav" class="side-nav">
|
|
303
|
-
<div style="margin-bottom: 10px;">
|
|
304
|
-
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
|
|
305
|
-
</div>
|
|
306
|
-
<div style="margin-bottom: 10px;">
|
|
307
|
-
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
|
|
308
|
-
</div>
|
|
309
|
-
<div style="margin-bottom: 10px;">
|
|
310
|
-
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
|
|
311
|
-
</div>
|
|
312
|
-
<div>
|
|
313
|
-
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
|
|
314
|
-
</div>
|
|
315
|
-
</div>
|
|
316
|
-
</div>
|
|
317
|
-
<script src="scripts/linenumber.js"> </script>
|
|
318
|
-
|
|
319
|
-
<script src="scripts/search.js"> </script>
|
|
320
|
-
|
|
321
|
-
</body>
|
|
322
|
-
</html>
|