@mapgis/webclient-mapboxgl-plugin 10.3.3 → 17.0.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.
Files changed (87) hide show
  1. package/README.md +51 -124
  2. package/dist/es5/webclient-common.min.js +90 -0
  3. package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -0
  4. package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -0
  5. package/documention/EchartsLayer.html +379 -0
  6. package/documention/MapViewMapboxgl.html +3587 -0
  7. package/documention/Popup.html +1523 -0
  8. package/documention/Screenshot.html +1089 -0
  9. package/documention/SketchEditorMapboxgl.html +3383 -0
  10. package/documention/document_ArcGISVectorTileLayerView.js.html +265 -0
  11. package/documention/document_EchartsLayerView.js.html +246 -0
  12. package/documention/document_GraphicsLayerView.js.html +314 -0
  13. package/documention/document_IGSFeatureLayerView.js.html +218 -0
  14. package/documention/document_IGSMapImageLayerView.js.html +240 -0
  15. package/documention/document_IGSTileLayerView.js.html +236 -0
  16. package/documention/document_IGSVectorTileLayerView.js.html +264 -0
  17. package/documention/document_MapVLayerView.js.html +247 -0
  18. package/documention/document_WMSLayerView.js.html +240 -0
  19. package/documention/document_WMTSLayerView.js.html +234 -0
  20. package/documention/document_WebTileLayerView.js.html +240 -0
  21. package/documention/document_support_FeatureRenderView.js.html +682 -0
  22. package/documention/document_support_MapboxglGraphicsLayer.js.html +1184 -0
  23. package/documention/document_support_SourceMetaData.js.html +223 -0
  24. package/documention/document_support_Utils.js.html +624 -0
  25. package/documention/document_support_mapbox_mapboxCustomUtil.js.html +322 -0
  26. package/documention/global.html +252 -0
  27. package/documention/index.html +251 -0
  28. package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapvLayer.html +445 -0
  29. package/documention/scripts/app.min.js +1 -0
  30. package/documention/scripts/linenumber.js +26 -0
  31. package/documention/scripts/search.js +45 -0
  32. package/documention/scripts/sideBar.js +11 -0
  33. package/documention/sketchEditor_SketchEditorMapboxgl.js.html +875 -0
  34. package/documention/styles/anchor.png +0 -0
  35. package/documention/styles/app.min.css +1 -0
  36. package/documention/styles/c.png +0 -0
  37. package/documention/styles/iframe.css +29 -0
  38. package/documention/styles/m.png +0 -0
  39. package/documention/styles/prettify-jsdoc.css +111 -0
  40. package/documention/styles/prettify-tomorrow.css +132 -0
  41. package/documention/styles/reset.css +44 -0
  42. package/documention/styles/up-arrow.png +0 -0
  43. package/documention/tutorial-1./345/277/253/351/200/237/345/205/245/351/227/250.html +165 -0
  44. package/documention/util_ConvertRendererToStyleLayerUtil.js.html +844 -0
  45. package/documention/util_MapboxglFeatureRender.js.html +225 -0
  46. package/documention/util_MapboxglPlugin.js.html +284 -0
  47. package/documention/view_MapViewMapboxgl.js.html +1882 -0
  48. package/documention/view_utils_ArcGISVectorTileLayerUtil.js.html +382 -0
  49. package/documention/view_utils_EchartsLayerUtil.js.html +194 -0
  50. package/documention/view_utils_IGSMapImageUtil.js.html +373 -0
  51. package/documention/view_utils_IGSTileLayerUtil.js.html +285 -0
  52. package/documention/view_utils_IGSVectorTileLayerUtil.js.html +379 -0
  53. package/documention/view_utils_MapVLayerUtil.js.html +197 -0
  54. package/documention/view_utils_Popup.js.html +525 -0
  55. package/documention/view_utils_Screenshot.js.html +320 -0
  56. package/documention/view_utils_WMSLayerUtil.js.html +337 -0
  57. package/documention/view_utils_WMTSLayerUtil.js.html +331 -0
  58. package/documention/view_utils_WebTileLayerUtil.js.html +284 -0
  59. package/documention/view_utils_echarts_EchartsLayerPlugin.js.html +419 -0
  60. package/documention/view_utils_mapV_MapVLayerPlugin.js.html +527 -0
  61. package/documention/view_utils_mapV_MapvBaseLayer.js.html +477 -0
  62. package/documention/view_utils_support_rasterLayerUtil.js.html +244 -0
  63. package/documention/view_utils_support_vectorLayerUtil.js.html +503 -0
  64. package/package.json +20 -20
  65. package/core/Base.js +0 -7
  66. package/core/index.js +0 -5
  67. package/index.js +0 -6
  68. package/overlay/D3Layer.js +0 -108
  69. package/overlay/EchartsLayer.js +0 -242
  70. package/overlay/ElsCubeLayer.js +0 -125
  71. package/overlay/MapvLayer.js +0 -298
  72. package/overlay/StreamLayer.js +0 -86
  73. package/overlay/TimeSpaceCubeLayer.js +0 -135
  74. package/overlay/dthree/mapbox-d3.css +0 -9
  75. package/overlay/echarts/MapCoordSys.js +0 -105
  76. package/overlay/echarts/MapModel.js +0 -0
  77. package/overlay/echarts/MapView.js +0 -0
  78. package/overlay/echarts/index.js +0 -4
  79. package/overlay/index.js +0 -31
  80. package/overlay/mapv/MapvBaseLayer.js +0 -299
  81. package/overlay/mapv/index.js +0 -5
  82. package/overlay/stream/GeojsonStreamLayer.js +0 -135
  83. package/overlay/stream/MapvStreamLayer.js +0 -79
  84. package/overlay/stream/index.js +0 -3
  85. package/overlay/stream/popup.css +0 -31
  86. package/service/index.js +0 -1
  87. package/service/socket/SocketService.js +0 -90
@@ -0,0 +1,1523 @@
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 Popup</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 onclick="toggleSideBar('ViewModule-sidebar')" id="ViewModule" 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 id="ViewModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a class="mapgis-link-name" title="MapViewMapboxgl" href="MapViewMapboxgl.html">MapViewMapboxgl</a><img id="MapViewMapboxgl-detail-arrow" onclick="toggleLinkDetail('MapViewMapboxgl-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>二维场景视图(mapboxgl引擎),对地图引擎进行管理,如果要对地图图层进行管理请参考<code>Map</code>,<br/>
108
+ 参考示例:
109
+ <a href='#MapViewMapboxgl'>[初始化二维场景视图]</a>
110
+ <br>[ES5引入方式]:<br/>
111
+ Zondy.MapViewMapboxgl() <br/>
112
+ [ES6引入方式]:<br/>
113
+ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p></span></li><div class="mapgis-link-detail" id="MapViewMapboxgl-detail"><div><a href="MapViewMapboxgl.html#page-title">构造函数</a></div><div><a class="mapgis-link-name" href="MapViewMapboxgl.html#function">方法</a></div><div><ul><li><a title="fromJSON" class="mapgis-link-name" href="MapViewMapboxgl.html#fromJSON">fromJSON</a></li><li><a title="flyTo" class="mapgis-link-name" href="MapViewMapboxgl.html#flyTo">flyTo</a></li><li><a title="getCenter" class="mapgis-link-name" href="MapViewMapboxgl.html#getCenter">getCenter</a></li><li><a title="getExtent" class="mapgis-link-name" href="MapViewMapboxgl.html#getExtent">getExtent</a></li><li><a title="getScale" class="mapgis-link-name" href="MapViewMapboxgl.html#getScale">getScale</a></li><li><a title="getSize" class="mapgis-link-name" href="MapViewMapboxgl.html#getSize">getSize</a></li><li><a title="getZoom" class="mapgis-link-name" href="MapViewMapboxgl.html#getZoom">getZoom</a></li><li><a title="goTo" class="mapgis-link-name" href="MapViewMapboxgl.html#goTo">goTo</a></li><li><a title="hitTest" class="mapgis-link-name" href="MapViewMapboxgl.html#hitTest">hitTest</a></li><li><a title="takeScreenshot" class="mapgis-link-name" href="MapViewMapboxgl.html#takeScreenshot">takeScreenshot</a></li><li><a title="toJSON" class="mapgis-link-name" href="MapViewMapboxgl.html#toJSON">toJSON</a></li><li><a title="toMap" class="mapgis-link-name" href="MapViewMapboxgl.html#toMap">toMap</a></li><li><a title="toScreen" class="mapgis-link-name" href="MapViewMapboxgl.html#toScreen">toScreen</a></li></ul></div><div><a class="mapgis-link-name" href="MapViewMapboxgl.html#member">成员变量</a></div><div><ul><li><a title="engineType" class="mapgis-link-name" href="MapViewMapboxgl.html#engineType">engineType</a></li></ul></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a class="mapgis-link-name" title="Popup" href="Popup.html">Popup</a><img id="Popup-detail-arrow" onclick="toggleLinkDetail('Popup-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><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><div class="mapgis-link-detail" id="Popup-detail"><div><a href="Popup.html#page-title">构造函数</a></div><div><a class="mapgis-link-name" href="Popup.html#function">方法</a></div><div><ul><li><a title="close" class="mapgis-link-name" href="Popup.html#close">close</a></li><li><a title="open" class="mapgis-link-name" href="Popup.html#open">open</a></li><li><a title="openPopup" class="mapgis-link-name" href="Popup.html#openPopup">openPopup</a></li></ul></div><div><a class="mapgis-link-name" href="Popup.html#member">成员变量</a></div><div><ul><li><a title="alignment" class="mapgis-link-name" href="Popup.html#alignment">alignment</a></li><li><a title="content" class="mapgis-link-name" href="Popup.html#content">content</a></li><li><a title="defaultButtons" class="mapgis-link-name" href="Popup.html#defaultButtons">defaultButtons</a></li><li><a title="location" class="mapgis-link-name" href="Popup.html#location">location</a></li><li><a title="title" class="mapgis-link-name" href="Popup.html#title">title</a></li><li><a title="view" class="mapgis-link-name" href="Popup.html#view">view</a></li></ul></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a class="mapgis-link-name" title="Screenshot" href="Screenshot.html">Screenshot</a><img id="Screenshot-detail-arrow" onclick="toggleLinkDetail('Screenshot-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>打印工具</p></span></li><div class="mapgis-link-detail" id="Screenshot-detail"><div><a href="Screenshot.html#page-title">构造函数</a></div><div><a class="mapgis-link-name" href="Screenshot.html#member">成员变量</a></div><div><ul><li><a title="filename" class="mapgis-link-name" href="Screenshot.html#filename">filename</a></li><li><a title="format" class="mapgis-link-name" href="Screenshot.html#format">format</a></li><li><a title="height" class="mapgis-link-name" href="Screenshot.html#height">height</a></li><li><a title="isDownload" class="mapgis-link-name" href="Screenshot.html#isDownload">isDownload</a></li><li><a title="view" class="mapgis-link-name" href="Screenshot.html#view">view</a></li><li><a title="width" class="mapgis-link-name" href="Screenshot.html#width">width</a></li><li><a title="x" class="mapgis-link-name" href="Screenshot.html#x">x</a></li><li><a title="y" class="mapgis-link-name" href="Screenshot.html#y">y</a></li></ul></div></div></ul><div onclick="toggleSideBar('SketchEditorModule-sidebar')" id="SketchEditorModule" 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 id="SketchEditorModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a class="mapgis-link-name" title="SketchEditorMapboxgl" href="SketchEditorMapboxgl.html">SketchEditorMapboxgl</a><img id="SketchEditorMapboxgl-detail-arrow" onclick="toggleLinkDetail('SketchEditorMapboxgl-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>二维Mapboxgl引擎草图编辑类<br/>
124
+ <br>[ES5引入方式]:<br/>
125
+ const { SketchEditorMapboxgl } = Zondy <br/>
126
+ [ES6引入方式]:<br/>
127
+ import { SketchEditorMapboxgl } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p></span></li><div class="mapgis-link-detail" id="SketchEditorMapboxgl-detail"><div><a href="SketchEditorMapboxgl.html#page-title">构造函数</a></div><div><a class="mapgis-link-name" href="SketchEditorMapboxgl.html#function">方法</a></div><div><ul><li><a title="addVertex" class="mapgis-link-name" href="SketchEditorMapboxgl.html#addVertex">addVertex</a></li><li><a title="canRedo" class="mapgis-link-name" href="SketchEditorMapboxgl.html#canRedo">canRedo</a></li><li><a title="canUndo" class="mapgis-link-name" href="SketchEditorMapboxgl.html#canUndo">canUndo</a></li><li><a title="drawPolylineToPolygon" class="mapgis-link-name" href="SketchEditorMapboxgl.html#drawPolylineToPolygon">drawPolylineToPolygon</a></li><li><a title="getGeometry" class="mapgis-link-name" href="SketchEditorMapboxgl.html#getGeometry">getGeometry</a></li><li><a title="getSketchStyle" class="mapgis-link-name" href="SketchEditorMapboxgl.html#getSketchStyle">getSketchStyle</a></li><li><a title="redo" class="mapgis-link-name" href="SketchEditorMapboxgl.html#redo">redo</a></li><li><a title="remove" class="mapgis-link-name" href="SketchEditorMapboxgl.html#remove">remove</a></li><li><a title="removeVertex" class="mapgis-link-name" href="SketchEditorMapboxgl.html#removeVertex">removeVertex</a></li><li><a title="setSketchStyle" class="mapgis-link-name" href="SketchEditorMapboxgl.html#setSketchStyle">setSketchStyle</a></li><li><a title="split" class="mapgis-link-name" href="SketchEditorMapboxgl.html#split">split</a></li><li><a title="start" class="mapgis-link-name" href="SketchEditorMapboxgl.html#start">start</a></li><li><a title="startCustomDrawTool" class="mapgis-link-name" href="SketchEditorMapboxgl.html#startCustomDrawTool">startCustomDrawTool</a></li><li><a title="stop" class="mapgis-link-name" href="SketchEditorMapboxgl.html#stop">stop</a></li><li><a title="undo" class="mapgis-link-name" href="SketchEditorMapboxgl.html#undo">undo</a></li><li><a title="union" class="mapgis-link-name" href="SketchEditorMapboxgl.html#union">union</a></li><li><a title="updateVertex" class="mapgis-link-name" href="SketchEditorMapboxgl.html#updateVertex">updateVertex</a></li></ul></div></div></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
+
135
+ <span class="page-title-main">类名</span>
136
+ <span class="page-title-sub">Popup</span>
137
+
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="Popup">
158
+ <a class="href-link" href="#Popup">#</a>
159
+
160
+ <span class="code-name" id="Popup" style="font-size:30px">
161
+
162
+ new Popup<span class="signature">(options)</span>
163
+
164
+ </span>
165
+ </h4>
166
+
167
+
168
+
169
+ <div class="description">
170
+ <p>二维场景信息弹窗(mapboxgl引擎)
171
+ 参考示例:
172
+ <a href='#MapView'>[初始化二维场景视图]</a>
173
+ [ES6引入方式]:<br/>
174
+ import { Popup } from '@mapgis/webclient-mapboxgl-plugin' <br/>
175
+ 自定义样式说明:<br/>
176
+ zondy-popup__content 弹窗容器样式<br/>
177
+ zondy-popup__tip 弹窗对话框箭头样式<br/>
178
+ zondy-popup__header 弹窗头部样式<br/>
179
+ zondy-popup__content 弹窗主体样式<br/>
180
+ zondy-popup__footer 弹窗底部样式<br/></p>
181
+ </div>
182
+
183
+
184
+
185
+
186
+
187
+
188
+
189
+
190
+
191
+
192
+ <h4>参数</h4>
193
+
194
+ <div class="table-container">
195
+ <table class="params table">
196
+ <thead>
197
+ <tr>
198
+
199
+ <th>名称</th>
200
+
201
+
202
+ <th>类型</th>
203
+
204
+
205
+
206
+ <th class="last">描述</th>
207
+ </tr>
208
+ </thead>
209
+
210
+ <tbody>
211
+
212
+
213
+
214
+ <tr class="deep-level-0">
215
+
216
+ <td class="name" id="options"><code>options</code></td>
217
+
218
+
219
+ <td class="type">
220
+
221
+
222
+ <span class="param-type">Object</span>
223
+
224
+
225
+
226
+ </td>
227
+
228
+
229
+
230
+ <td class="description last"><p>构造参数</p></td>
231
+ </tr>
232
+
233
+
234
+
235
+
236
+ <tr class="deep-level-1">
237
+
238
+ <td class="name" id="view"><code>view</code></td>
239
+
240
+
241
+ <td class="type">
242
+
243
+
244
+ <span class="param-type"><a class="mapgis-link-name" title="MapView" href="MapView.html">MapView</a></span>
245
+
246
+
247
+
248
+ </td>
249
+
250
+
251
+
252
+ <td class="description last"><p>弹窗地图视图对象</p></td>
253
+ </tr>
254
+
255
+
256
+
257
+
258
+ <tr class="deep-level-1">
259
+
260
+ <td class="name" id="id"><code>id</code></td>
261
+
262
+
263
+ <td class="type">
264
+
265
+
266
+ <span class="param-type">String</span>
267
+
268
+
269
+
270
+ </td>
271
+
272
+
273
+
274
+ <td class="description last"><p>弹窗ID</p></td>
275
+ </tr>
276
+
277
+
278
+
279
+
280
+ <tr class="deep-level-1">
281
+
282
+ <td class="name" id="location"><code>location</code></td>
283
+
284
+
285
+ <td class="type">
286
+
287
+
288
+ <span class="param-type">Point</span>
289
+
290
+
291
+
292
+ </td>
293
+
294
+
295
+
296
+ <td class="description last"><p>弹窗定位点</p></td>
297
+ </tr>
298
+
299
+
300
+
301
+
302
+ <tr class="deep-level-1">
303
+
304
+ <td class="name" id="title"><code>title</code></td>
305
+
306
+
307
+ <td class="type">
308
+
309
+
310
+ <span class="param-type">String</span>
311
+
312
+
313
+
314
+ </td>
315
+
316
+
317
+
318
+ <td class="description last"><p>弹窗标题</p></td>
319
+ </tr>
320
+
321
+
322
+
323
+
324
+ <tr class="deep-level-1">
325
+
326
+ <td class="name" id="content"><code>content</code></td>
327
+
328
+
329
+ <td class="type">
330
+
331
+
332
+ <span class="param-type">String</span>
333
+ |
334
+
335
+ <span class="param-type">HTMLElement</span>
336
+
337
+
338
+
339
+ </td>
340
+
341
+
342
+
343
+ <td class="description last"><p>弹框内容</p></td>
344
+ </tr>
345
+
346
+
347
+
348
+
349
+ <tr class="deep-level-1">
350
+
351
+ <td class="name" id="alignment"><code>alignment</code></td>
352
+
353
+
354
+ <td class="type">
355
+
356
+
357
+ <span class="param-type">String</span>
358
+
359
+
360
+
361
+ </td>
362
+
363
+
364
+
365
+ <td class="description last"><p>弹框方位,值为&quot;auto&quot;或&quot;bottom-left&quot;或&quot;top-center&quot;或&quot;top-right&quot;或&quot;bottom-left&quot;或&quot;bottom-center&quot;或&quot;bottom-right&quot;。</p></td>
366
+ </tr>
367
+
368
+
369
+
370
+
371
+ <tr class="deep-level-1">
372
+
373
+ <td class="name" id="defaultButtons"><code>defaultButtons</code></td>
374
+
375
+
376
+ <td class="type">
377
+
378
+
379
+ <span class="param-type">Array</span>
380
+
381
+
382
+
383
+ </td>
384
+
385
+
386
+
387
+ <td class="description last"><p>弹框内容,可选数组项有'toggle','close','zoom'。toggle:收缩主题内容按钮;close:关闭按钮;zoom:缩放按钮。</p></td>
388
+ </tr>
389
+
390
+
391
+
392
+
393
+
394
+
395
+
396
+ </tbody>
397
+ </table>
398
+ </div>
399
+
400
+
401
+
402
+
403
+
404
+
405
+ <dl class="details">
406
+
407
+
408
+
409
+
410
+
411
+
412
+
413
+
414
+
415
+
416
+
417
+
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+
428
+
429
+
430
+
431
+
432
+
433
+
434
+
435
+
436
+
437
+ </dl>
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+
448
+
449
+
450
+
451
+
452
+
453
+
454
+
455
+
456
+
457
+
458
+
459
+
460
+
461
+ <h5>示例</h5>
462
+
463
+ <p class="code-caption"><h7 id='Popup'>打开视图弹窗</h7></p>
464
+
465
+
466
+ <pre class="prettyprint"><code>// ES5引入方式
467
+ const { Map, MapView } = Zondy
468
+ // ES6引入方式
469
+ import { Map, MapView } from "@mapgis/webclient-mapboxgl-plugin"
470
+ // 初始化图层管理容器
471
+ const map = new Map();
472
+ // 初始化地图视图对象
473
+ const mapView = new MapView({
474
+ // 二维场景视图的容器(html的div标签)ID
475
+ viewId: "二维场景视图的容器的id",
476
+ // 图层管理容器
477
+ map: map
478
+ });
479
+ const popupObj = {
480
+ title: "标题",
481
+ content:"弹出窗口主题内容,详细内容",
482
+ location: new Point({coordinates:[123,34]}),
483
+ alignment: "bottom-center"
484
+ }
485
+ mapView.popup.open(popupObj)
486
+ mapView.popup.close(popupObj)
487
+ &lt;style>
488
+ .zondy-popup__container{
489
+ background-color: #40a9ff;
490
+ margin: 0
491
+ }
492
+ .zondy-popup__tip{
493
+ // display: none;
494
+ background-color: #ffffff;
495
+ }
496
+ .zondy-popup__header{
497
+ background-color: #40a9ff;
498
+ }
499
+ .zondy-popup__content{
500
+ background-color: #ffffff;
501
+ }
502
+ .zondy-popup__footer{
503
+ // display: none;
504
+ background-color: #40a9ff;
505
+ }
506
+ &lt;/style></code></pre>
507
+
508
+
509
+
510
+
511
+ </div>
512
+ </div>
513
+ </div>
514
+
515
+
516
+ </div>
517
+
518
+
519
+
520
+
521
+
522
+
523
+
524
+
525
+
526
+
527
+
528
+
529
+
530
+
531
+ <div class='vertical-section'>
532
+ <h3 id='member'>成员变量</h3>
533
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量概述</h4>
534
+ <div class="table-container">
535
+ <table class="params table">
536
+ <thead>
537
+ <tr>
538
+ <th>名称</th>
539
+ <th>类型</th>
540
+ <th>描述</th>
541
+ </tr>
542
+ </thead>
543
+ <tbody>
544
+
545
+ <tr class="deep-level-0">
546
+ <td class="name"><code><a href="Popup.html#alignment">alignment</a></code></td>
547
+ <td class="name">
548
+ <code>
549
+
550
+ <span class="param-type">String</span>
551
+
552
+
553
+ </code>
554
+ </td>
555
+ <td class="name"><code><p>弹框方位,值为&quot;auto&quot;|&quot;bottom-left&quot;|&quot;top-center&quot;|&quot;top-right&quot;|&quot;bottom-left&quot;|&quot;bottom-center&quot;|&quot;bottom-right&quot;</p></code></td>
556
+ </tr>
557
+
558
+ <tr class="deep-level-0">
559
+ <td class="name"><code><a href="Popup.html#content">content</a></code></td>
560
+ <td class="name">
561
+ <code>
562
+
563
+ <span class="param-type">String</span>
564
+
565
+
566
+ </code>
567
+ </td>
568
+ <td class="name"><code><p>弹框内容</p></code></td>
569
+ </tr>
570
+
571
+ <tr class="deep-level-0">
572
+ <td class="name"><code><a href="Popup.html#defaultButtons">defaultButtons</a></code></td>
573
+ <td class="name">
574
+ <code>
575
+
576
+ <span class="param-type">Array</span>
577
+
578
+
579
+ </code>
580
+ </td>
581
+ <td class="name"><code><p>默认按钮 ['toggle','close','zoom']</p></code></td>
582
+ </tr>
583
+
584
+ <tr class="deep-level-0">
585
+ <td class="name"><code><a href="Popup.html#location">location</a></code></td>
586
+ <td class="name">
587
+ <code>
588
+
589
+ <span class="param-type">String</span>
590
+
591
+
592
+ </code>
593
+ </td>
594
+ <td class="name"><code><p>弹框位置</p></code></td>
595
+ </tr>
596
+
597
+ <tr class="deep-level-0">
598
+ <td class="name"><code><a href="Popup.html#title">title</a></code></td>
599
+ <td class="name">
600
+ <code>
601
+
602
+ <span class="param-type">String</span>
603
+
604
+
605
+ </code>
606
+ </td>
607
+ <td class="name"><code><p>弹框标题</p></code></td>
608
+ </tr>
609
+
610
+ <tr class="deep-level-0">
611
+ <td class="name"><code><a href="Popup.html#view">view</a></code></td>
612
+ <td class="name">
613
+ <code>
614
+
615
+ <span class="param-type"><a class="mapgis-link-name" title="MapView" href="MapView.html">MapView</a></span>
616
+
617
+
618
+ </code>
619
+ </td>
620
+ <td class="name"><code><p>弹框的地图视野</p></code></td>
621
+ </tr>
622
+
623
+ </tbody>
624
+ </table>
625
+ </div>
626
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量详情</h4>
627
+ <div class="members">
628
+
629
+ <div class="member">
630
+
631
+ <span class="method-parameter is-pulled-right">
632
+ <label>类型:</label>
633
+
634
+ <span class="param-type">String</span>
635
+
636
+
637
+ </span>
638
+
639
+ <h4 class="name" id="alignment">
640
+ <a class="href-link" href="#alignment">#</a>
641
+
642
+ <span class="code-name">
643
+ alignment
644
+ </span>
645
+
646
+ </h4>
647
+
648
+
649
+
650
+
651
+ <div class="description">
652
+ <p>弹框方位,值为&quot;auto&quot;|&quot;bottom-left&quot;|&quot;top-center&quot;|&quot;top-right&quot;|&quot;bottom-left&quot;|&quot;bottom-center&quot;|&quot;bottom-right&quot;</p>
653
+ </div>
654
+
655
+
656
+
657
+
658
+
659
+ <dl class="details">
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+
669
+
670
+
671
+
672
+
673
+
674
+
675
+
676
+
677
+
678
+
679
+
680
+
681
+
682
+
683
+
684
+
685
+
686
+
687
+
688
+
689
+
690
+
691
+ </dl>
692
+
693
+
694
+
695
+
696
+
697
+ </div>
698
+
699
+ <div class="member">
700
+
701
+ <span class="method-parameter is-pulled-right">
702
+ <label>类型:</label>
703
+
704
+ <span class="param-type">String</span>
705
+
706
+
707
+ </span>
708
+
709
+ <h4 class="name" id="content">
710
+ <a class="href-link" href="#content">#</a>
711
+
712
+ <span class="code-name">
713
+ content
714
+ </span>
715
+
716
+ </h4>
717
+
718
+
719
+
720
+
721
+ <div class="description">
722
+ <p>弹框内容</p>
723
+ </div>
724
+
725
+
726
+
727
+
728
+
729
+ <dl class="details">
730
+
731
+
732
+
733
+
734
+
735
+
736
+
737
+
738
+
739
+
740
+
741
+
742
+
743
+
744
+
745
+
746
+
747
+
748
+
749
+
750
+
751
+
752
+
753
+
754
+
755
+
756
+
757
+
758
+
759
+
760
+
761
+ </dl>
762
+
763
+
764
+
765
+
766
+
767
+ </div>
768
+
769
+ <div class="member">
770
+
771
+ <span class="method-parameter is-pulled-right">
772
+ <label>类型:</label>
773
+
774
+ <span class="param-type">Array</span>
775
+
776
+
777
+ </span>
778
+
779
+ <h4 class="name" id="defaultButtons">
780
+ <a class="href-link" href="#defaultButtons">#</a>
781
+
782
+ <span class="code-name">
783
+ defaultButtons
784
+ </span>
785
+
786
+ </h4>
787
+
788
+
789
+
790
+
791
+ <div class="description">
792
+ <p>默认按钮 ['toggle','close','zoom']</p>
793
+ </div>
794
+
795
+
796
+
797
+
798
+
799
+ <dl class="details">
800
+
801
+
802
+
803
+
804
+
805
+
806
+
807
+
808
+
809
+
810
+
811
+
812
+
813
+
814
+
815
+
816
+
817
+
818
+
819
+
820
+
821
+
822
+
823
+
824
+
825
+
826
+
827
+
828
+
829
+
830
+
831
+ </dl>
832
+
833
+
834
+
835
+
836
+
837
+ </div>
838
+
839
+ <div class="member">
840
+
841
+ <span class="method-parameter is-pulled-right">
842
+ <label>类型:</label>
843
+
844
+ <span class="param-type">String</span>
845
+
846
+
847
+ </span>
848
+
849
+ <h4 class="name" id="location">
850
+ <a class="href-link" href="#location">#</a>
851
+
852
+ <span class="code-name">
853
+ location
854
+ </span>
855
+
856
+ </h4>
857
+
858
+
859
+
860
+
861
+ <div class="description">
862
+ <p>弹框位置</p>
863
+ </div>
864
+
865
+
866
+
867
+
868
+
869
+ <dl class="details">
870
+
871
+
872
+
873
+
874
+
875
+
876
+
877
+
878
+
879
+
880
+
881
+
882
+
883
+
884
+
885
+
886
+
887
+
888
+
889
+
890
+
891
+
892
+
893
+
894
+
895
+
896
+
897
+
898
+
899
+
900
+
901
+ </dl>
902
+
903
+
904
+
905
+
906
+
907
+ </div>
908
+
909
+ <div class="member">
910
+
911
+ <span class="method-parameter is-pulled-right">
912
+ <label>类型:</label>
913
+
914
+ <span class="param-type">String</span>
915
+
916
+
917
+ </span>
918
+
919
+ <h4 class="name" id="title">
920
+ <a class="href-link" href="#title">#</a>
921
+
922
+ <span class="code-name">
923
+ title
924
+ </span>
925
+
926
+ </h4>
927
+
928
+
929
+
930
+
931
+ <div class="description">
932
+ <p>弹框标题</p>
933
+ </div>
934
+
935
+
936
+
937
+
938
+
939
+ <dl class="details">
940
+
941
+
942
+
943
+
944
+
945
+
946
+
947
+
948
+
949
+
950
+
951
+
952
+
953
+
954
+
955
+
956
+
957
+
958
+
959
+
960
+
961
+
962
+
963
+
964
+
965
+
966
+
967
+
968
+
969
+
970
+
971
+ </dl>
972
+
973
+
974
+
975
+
976
+
977
+ </div>
978
+
979
+ <div class="member">
980
+
981
+ <span class="method-parameter is-pulled-right">
982
+ <label>类型:</label>
983
+
984
+ <span class="param-type"><a class="mapgis-link-name" title="MapView" href="MapView.html">MapView</a></span>
985
+
986
+
987
+ </span>
988
+
989
+ <h4 class="name" id="view">
990
+ <a class="href-link" href="#view">#</a>
991
+
992
+ <span class="code-name">
993
+ view
994
+ </span>
995
+
996
+ </h4>
997
+
998
+
999
+
1000
+
1001
+ <div class="description">
1002
+ <p>弹框的地图视野</p>
1003
+ </div>
1004
+
1005
+
1006
+
1007
+
1008
+
1009
+ <dl class="details">
1010
+
1011
+
1012
+
1013
+
1014
+
1015
+
1016
+
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+
1024
+
1025
+
1026
+
1027
+
1028
+
1029
+
1030
+
1031
+
1032
+
1033
+
1034
+
1035
+
1036
+
1037
+
1038
+
1039
+
1040
+
1041
+ </dl>
1042
+
1043
+
1044
+
1045
+
1046
+
1047
+ </div>
1048
+
1049
+ </div>
1050
+ </div>
1051
+
1052
+
1053
+
1054
+ <div class='vertical-section'>
1055
+ <h3 id='function'>方法</h3>
1056
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
1057
+ <div class="members">
1058
+ <div class="table-container">
1059
+ <table class="params table">
1060
+ <thead>
1061
+ <tr>
1062
+ <th>名称</th>
1063
+ <th>返回值类型</th>
1064
+ <th>描述</th>
1065
+ </tr>
1066
+ </thead>
1067
+ <tbody>
1068
+
1069
+ <tr class="deep-level-0">
1070
+ <td class="name"><code><a href="Popup.html#close">close</a></code></td>
1071
+ <td class="name">
1072
+ <code>
1073
+
1074
+ </code>
1075
+ </td>
1076
+ <td class="name"><code><p>关闭popup弹窗</p></code></td>
1077
+ </tr>
1078
+
1079
+ <tr class="deep-level-0">
1080
+ <td class="name"><code><a href="Popup.html#open">open</a></code></td>
1081
+ <td class="name">
1082
+ <code>
1083
+
1084
+ </code>
1085
+ </td>
1086
+ <td class="name"><code><p>打开popup弹窗</p></code></td>
1087
+ </tr>
1088
+
1089
+ <tr class="deep-level-0">
1090
+ <td class="name"><code><a href="Popup.html#openPopup">openPopup</a></code></td>
1091
+ <td class="name">
1092
+ <code>
1093
+
1094
+ </code>
1095
+ </td>
1096
+ <td class="name"><code><p>打开popup弹窗</p></code></td>
1097
+ </tr>
1098
+
1099
+ </tbody>
1100
+ </table>
1101
+ </div>
1102
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
1103
+
1104
+ <div class="member">
1105
+
1106
+
1107
+
1108
+ <h4 class="name" id="close">
1109
+ <a class="href-link" href="#close">#</a>
1110
+
1111
+ <span class="code-name" id="close" style="font-size:30px">
1112
+
1113
+ close<span class="signature">()</span>
1114
+
1115
+ </span>
1116
+ </h4>
1117
+
1118
+
1119
+
1120
+ <div class="description">
1121
+ <p>关闭popup弹窗</p>
1122
+ </div>
1123
+
1124
+
1125
+
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+
1133
+
1134
+
1135
+
1136
+
1137
+ <dl class="details">
1138
+
1139
+
1140
+
1141
+
1142
+
1143
+
1144
+
1145
+
1146
+
1147
+
1148
+
1149
+
1150
+
1151
+
1152
+
1153
+
1154
+
1155
+
1156
+
1157
+
1158
+
1159
+
1160
+
1161
+
1162
+
1163
+
1164
+
1165
+
1166
+
1167
+
1168
+
1169
+ </dl>
1170
+
1171
+
1172
+
1173
+
1174
+
1175
+
1176
+
1177
+
1178
+
1179
+
1180
+
1181
+
1182
+
1183
+
1184
+
1185
+
1186
+
1187
+
1188
+
1189
+
1190
+
1191
+
1192
+
1193
+ </div>
1194
+
1195
+ <div class="member">
1196
+
1197
+
1198
+
1199
+ <h4 class="name" id="open">
1200
+ <a class="href-link" href="#open">#</a>
1201
+
1202
+ <span class="code-name" id="open" style="font-size:30px">
1203
+
1204
+ open<span class="signature">(options)</span>
1205
+
1206
+ </span>
1207
+ </h4>
1208
+
1209
+
1210
+
1211
+ <div class="description">
1212
+ <p>打开popup弹窗</p>
1213
+ </div>
1214
+
1215
+
1216
+
1217
+
1218
+
1219
+
1220
+
1221
+
1222
+
1223
+
1224
+ <h4>参数</h4>
1225
+
1226
+ <div class="table-container">
1227
+ <table class="params table">
1228
+ <thead>
1229
+ <tr>
1230
+
1231
+ <th>名称</th>
1232
+
1233
+
1234
+ <th>类型</th>
1235
+
1236
+
1237
+
1238
+ <th class="last">描述</th>
1239
+ </tr>
1240
+ </thead>
1241
+
1242
+ <tbody>
1243
+
1244
+
1245
+
1246
+ <tr class="deep-level-0">
1247
+
1248
+ <td class="name" id="options"><code>options</code></td>
1249
+
1250
+
1251
+ <td class="type">
1252
+
1253
+
1254
+ <span class="param-type">Object</span>
1255
+
1256
+
1257
+
1258
+ </td>
1259
+
1260
+
1261
+
1262
+ <td class="description last"><p>弹窗属性对象</p></td>
1263
+ </tr>
1264
+
1265
+
1266
+
1267
+
1268
+ </tbody>
1269
+ </table>
1270
+ </div>
1271
+
1272
+
1273
+
1274
+
1275
+
1276
+
1277
+ <dl class="details">
1278
+
1279
+
1280
+
1281
+
1282
+
1283
+
1284
+
1285
+
1286
+
1287
+
1288
+
1289
+
1290
+
1291
+
1292
+
1293
+
1294
+
1295
+
1296
+
1297
+
1298
+
1299
+
1300
+
1301
+
1302
+
1303
+
1304
+
1305
+
1306
+
1307
+
1308
+
1309
+ </dl>
1310
+
1311
+
1312
+
1313
+
1314
+
1315
+
1316
+
1317
+
1318
+
1319
+
1320
+
1321
+
1322
+
1323
+
1324
+
1325
+
1326
+
1327
+
1328
+
1329
+
1330
+
1331
+
1332
+
1333
+ </div>
1334
+
1335
+ <div class="member">
1336
+
1337
+
1338
+
1339
+ <h4 class="name" id="openPopup">
1340
+ <a class="href-link" href="#openPopup">#</a>
1341
+
1342
+ <span class="code-name" id="openPopup" style="font-size:30px">
1343
+
1344
+ openPopup<span class="signature">(options)</span>
1345
+
1346
+ </span>
1347
+ </h4>
1348
+
1349
+
1350
+
1351
+ <div class="description">
1352
+ <p>打开popup弹窗</p>
1353
+ </div>
1354
+
1355
+
1356
+
1357
+
1358
+
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+ <h4>参数</h4>
1365
+
1366
+ <div class="table-container">
1367
+ <table class="params table">
1368
+ <thead>
1369
+ <tr>
1370
+
1371
+ <th>名称</th>
1372
+
1373
+
1374
+ <th>类型</th>
1375
+
1376
+
1377
+
1378
+ <th class="last">描述</th>
1379
+ </tr>
1380
+ </thead>
1381
+
1382
+ <tbody>
1383
+
1384
+
1385
+
1386
+ <tr class="deep-level-0">
1387
+
1388
+ <td class="name" id="options"><code>options</code></td>
1389
+
1390
+
1391
+ <td class="type">
1392
+
1393
+
1394
+ <span class="param-type">Object</span>
1395
+
1396
+
1397
+
1398
+ </td>
1399
+
1400
+
1401
+
1402
+ <td class="description last"><p>弹窗属性对象</p></td>
1403
+ </tr>
1404
+
1405
+
1406
+
1407
+
1408
+ </tbody>
1409
+ </table>
1410
+ </div>
1411
+
1412
+
1413
+
1414
+
1415
+
1416
+
1417
+ <dl class="details">
1418
+
1419
+
1420
+
1421
+
1422
+
1423
+
1424
+
1425
+
1426
+
1427
+
1428
+
1429
+
1430
+
1431
+
1432
+
1433
+
1434
+
1435
+
1436
+
1437
+
1438
+
1439
+
1440
+
1441
+
1442
+
1443
+
1444
+
1445
+
1446
+
1447
+
1448
+
1449
+ </dl>
1450
+
1451
+
1452
+
1453
+
1454
+
1455
+
1456
+
1457
+
1458
+
1459
+
1460
+
1461
+
1462
+
1463
+
1464
+
1465
+
1466
+
1467
+
1468
+
1469
+
1470
+
1471
+
1472
+
1473
+ </div>
1474
+
1475
+ </div>
1476
+ </div>
1477
+
1478
+
1479
+
1480
+
1481
+
1482
+ </article>
1483
+
1484
+ </section>
1485
+
1486
+
1487
+
1488
+
1489
+ </div>
1490
+
1491
+ <footer class="footer">
1492
+ <div class="content has-text-centered">
1493
+ <p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 17.0.0</a></p>
1494
+ <p class="sidebar-created-by">
1495
+ <a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
1496
+ <a href="http://webclient.smaryun.com/#/index" target="_blank">MapGIS Client for JavaScript</a>
1497
+ </p>
1498
+ </div>
1499
+ </footer>
1500
+
1501
+ </div>
1502
+ <div id="side-nav" class="side-nav">
1503
+ <div style="margin-bottom: 10px;">
1504
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
1505
+ </div>
1506
+ <div style="margin-bottom: 10px;">
1507
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
1508
+ </div>
1509
+ <div style="margin-bottom: 10px;">
1510
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
1511
+ </div>
1512
+ <div>
1513
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
1514
+ </div>
1515
+ </div>
1516
+ </div>
1517
+ <script src="scripts/linenumber.js"> </script>
1518
+
1519
+ <script src="scripts/search.js"> </script>
1520
+
1521
+ <script src="scripts/sideBar.js"> </script>
1522
+ </body>
1523
+ </html>