@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,1089 @@
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 Screenshot</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">Screenshot</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="Screenshot">
158
+ <a class="href-link" href="#Screenshot">#</a>
159
+
160
+ <span class="code-name" id="Screenshot" style="font-size:30px">
161
+
162
+ new Screenshot<span class="signature">(options)</span>
163
+
164
+ </span>
165
+ </h4>
166
+
167
+
168
+
169
+ <div class="description">
170
+ <p>打印工具</p>
171
+ </div>
172
+
173
+
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+ <h4>参数</h4>
183
+
184
+ <div class="table-container">
185
+ <table class="params table">
186
+ <thead>
187
+ <tr>
188
+
189
+ <th>名称</th>
190
+
191
+
192
+ <th>类型</th>
193
+
194
+
195
+
196
+ <th class="last">描述</th>
197
+ </tr>
198
+ </thead>
199
+
200
+ <tbody>
201
+
202
+
203
+
204
+ <tr class="deep-level-0">
205
+
206
+ <td class="name" id="options"><code>options</code></td>
207
+
208
+
209
+ <td class="type">
210
+
211
+
212
+ <span class="param-type">Object</span>
213
+
214
+
215
+
216
+ </td>
217
+
218
+
219
+
220
+ <td class="description last"><p>构造参数</p></td>
221
+ </tr>
222
+
223
+
224
+
225
+
226
+ <tr class="deep-level-1">
227
+
228
+ <td class="name" id="sizeModes"><code>sizeModes</code></td>
229
+
230
+
231
+ <td class="type">
232
+
233
+
234
+ <span class="param-type">Array.&lt;String></span>
235
+
236
+
237
+
238
+ </td>
239
+
240
+
241
+
242
+ <td class="description last"><p>目前支持 ['Current', 'A4Landscape', 'A4Portrait']</p></td>
243
+ </tr>
244
+
245
+
246
+
247
+
248
+ <tr class="deep-level-1">
249
+
250
+ <td class="name" id="filename"><code>filename</code></td>
251
+
252
+
253
+ <td class="type">
254
+
255
+
256
+ <span class="param-type">String</span>
257
+
258
+
259
+
260
+ </td>
261
+
262
+
263
+
264
+ <td class="description last"><p>打印文件名</p></td>
265
+ </tr>
266
+
267
+
268
+
269
+
270
+ <tr class="deep-level-1">
271
+
272
+ <td class="name" id="exportOnly"><code>exportOnly</code></td>
273
+
274
+
275
+ <td class="type">
276
+
277
+
278
+ <span class="param-type">Boolean</span>
279
+
280
+
281
+
282
+ </td>
283
+
284
+
285
+
286
+ <td class="description last"><p>是否仅导出</p></td>
287
+ </tr>
288
+
289
+
290
+
291
+
292
+ <tr class="deep-level-1">
293
+
294
+ <td class="name" id="hideControlContainer"><code>hideControlContainer</code></td>
295
+
296
+
297
+ <td class="type">
298
+
299
+
300
+ <span class="param-type">Boolean</span>
301
+
302
+
303
+
304
+ </td>
305
+
306
+
307
+
308
+ <td class="description last"><p>隐藏控件容器</p></td>
309
+ </tr>
310
+
311
+
312
+
313
+
314
+
315
+
316
+
317
+ </tbody>
318
+ </table>
319
+ </div>
320
+
321
+
322
+
323
+
324
+
325
+
326
+ <dl class="details">
327
+
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+ </dl>
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
381
+
382
+ <h5>示例</h5>
383
+
384
+ <p class="code-caption"><h7>初始化打印工具</h7></p>
385
+
386
+
387
+ <pre class="prettyprint"><code>// ES5引入方式
388
+ const { Map, MapView } = Zondy
389
+ const { Screenshot } = Zondy.Widget
390
+ // ES6引入方式
391
+ import { Map, MapView, Screenshot } from "@mapgis/webclient-mapboxgl-plugin"
392
+ // 初始化图层管理容器
393
+ const map = new Map();
394
+ // 初始化地图视图对象
395
+ const mapView = new MapView({
396
+ // 视图id
397
+ viewId: "viewer-id",
398
+ // 图层管理容器
399
+ map: map
400
+ });
401
+ // 打印控件
402
+ const screenshot = new Screenshot({
403
+ view: mapView,
404
+ visible: true
405
+ })
406
+ // 添加控件
407
+ mapView.ui.add(screenshot)</code></pre>
408
+
409
+
410
+
411
+
412
+ </div>
413
+ </div>
414
+ </div>
415
+
416
+
417
+ </div>
418
+
419
+
420
+ <h3 class="subsection-title">继承关系</h3>
421
+
422
+
423
+
424
+
425
+ <ul>
426
+ <li>Widget</li>
427
+ </ul>
428
+
429
+
430
+
431
+
432
+
433
+
434
+
435
+
436
+
437
+
438
+
439
+
440
+
441
+
442
+
443
+ <div class='vertical-section'>
444
+ <h3 id='member'>成员变量</h3>
445
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量概述</h4>
446
+ <div class="table-container">
447
+ <table class="params table">
448
+ <thead>
449
+ <tr>
450
+ <th>名称</th>
451
+ <th>类型</th>
452
+ <th>描述</th>
453
+ </tr>
454
+ </thead>
455
+ <tbody>
456
+
457
+ <tr class="deep-level-0">
458
+ <td class="name"><code><a href="Screenshot.html#filename">filename</a></code></td>
459
+ <td class="name">
460
+ <code>
461
+
462
+ </code>
463
+ </td>
464
+ <td class="name"><code><p>浏览器下载文件名</p></code></td>
465
+ </tr>
466
+
467
+ <tr class="deep-level-0">
468
+ <td class="name"><code><a href="Screenshot.html#format">format</a></code></td>
469
+ <td class="name">
470
+ <code>
471
+
472
+ </code>
473
+ </td>
474
+ <td class="name"><code><p>打印图片类型,支持输出png、jpeg、svg格式图片</p></code></td>
475
+ </tr>
476
+
477
+ <tr class="deep-level-0">
478
+ <td class="name"><code><a href="Screenshot.html#height">height</a></code></td>
479
+ <td class="name">
480
+ <code>
481
+
482
+ </code>
483
+ </td>
484
+ <td class="name"><code><p>图片高度</p></code></td>
485
+ </tr>
486
+
487
+ <tr class="deep-level-0">
488
+ <td class="name"><code><a href="Screenshot.html#isDownload">isDownload</a></code></td>
489
+ <td class="name">
490
+ <code>
491
+
492
+ </code>
493
+ </td>
494
+ <td class="name"><code><p>是否下载图片</p></code></td>
495
+ </tr>
496
+
497
+ <tr class="deep-level-0">
498
+ <td class="name"><code><a href="Screenshot.html#view">view</a></code></td>
499
+ <td class="name">
500
+ <code>
501
+
502
+ </code>
503
+ </td>
504
+ <td class="name"><code><p>视图对象</p></code></td>
505
+ </tr>
506
+
507
+ <tr class="deep-level-0">
508
+ <td class="name"><code><a href="Screenshot.html#width">width</a></code></td>
509
+ <td class="name">
510
+ <code>
511
+
512
+ </code>
513
+ </td>
514
+ <td class="name"><code><p>图片宽度</p></code></td>
515
+ </tr>
516
+
517
+ <tr class="deep-level-0">
518
+ <td class="name"><code><a href="Screenshot.html#x">x</a></code></td>
519
+ <td class="name">
520
+ <code>
521
+
522
+ </code>
523
+ </td>
524
+ <td class="name"><code><p>图片原点x</p></code></td>
525
+ </tr>
526
+
527
+ <tr class="deep-level-0">
528
+ <td class="name"><code><a href="Screenshot.html#y">y</a></code></td>
529
+ <td class="name">
530
+ <code>
531
+
532
+ </code>
533
+ </td>
534
+ <td class="name"><code><p>图片原点y</p></code></td>
535
+ </tr>
536
+
537
+ </tbody>
538
+ </table>
539
+ </div>
540
+ <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量详情</h4>
541
+ <div class="members">
542
+
543
+ <div class="member">
544
+
545
+ <h4 class="name" id="filename">
546
+ <a class="href-link" href="#filename">#</a>
547
+
548
+ <span class="code-name">
549
+ filename
550
+ </span>
551
+
552
+ </h4>
553
+
554
+
555
+
556
+
557
+ <div class="description">
558
+ <p>浏览器下载文件名</p>
559
+ </div>
560
+
561
+
562
+
563
+
564
+
565
+ <dl class="details">
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+
582
+
583
+
584
+
585
+
586
+
587
+
588
+
589
+
590
+
591
+
592
+
593
+
594
+
595
+
596
+
597
+ </dl>
598
+
599
+
600
+
601
+
602
+
603
+ </div>
604
+
605
+ <div class="member">
606
+
607
+ <h4 class="name" id="format">
608
+ <a class="href-link" href="#format">#</a>
609
+
610
+ <span class="code-name">
611
+ format
612
+ </span>
613
+
614
+ </h4>
615
+
616
+
617
+
618
+
619
+ <div class="description">
620
+ <p>打印图片类型,支持输出png、jpeg、svg格式图片</p>
621
+ </div>
622
+
623
+
624
+
625
+
626
+
627
+ <dl class="details">
628
+
629
+
630
+
631
+
632
+
633
+
634
+
635
+
636
+
637
+
638
+
639
+
640
+
641
+
642
+
643
+
644
+
645
+
646
+
647
+
648
+
649
+
650
+
651
+
652
+
653
+
654
+
655
+
656
+
657
+
658
+
659
+ </dl>
660
+
661
+
662
+
663
+
664
+
665
+ </div>
666
+
667
+ <div class="member">
668
+
669
+ <h4 class="name" id="height">
670
+ <a class="href-link" href="#height">#</a>
671
+
672
+ <span class="code-name">
673
+ height
674
+ </span>
675
+
676
+ </h4>
677
+
678
+
679
+
680
+
681
+ <div class="description">
682
+ <p>图片高度</p>
683
+ </div>
684
+
685
+
686
+
687
+
688
+
689
+ <dl class="details">
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
+
716
+
717
+
718
+
719
+
720
+
721
+ </dl>
722
+
723
+
724
+
725
+
726
+
727
+ </div>
728
+
729
+ <div class="member">
730
+
731
+ <h4 class="name" id="isDownload">
732
+ <a class="href-link" href="#isDownload">#</a>
733
+
734
+ <span class="code-name">
735
+ isDownload
736
+ </span>
737
+
738
+ </h4>
739
+
740
+
741
+
742
+
743
+ <div class="description">
744
+ <p>是否下载图片</p>
745
+ </div>
746
+
747
+
748
+
749
+
750
+
751
+ <dl class="details">
752
+
753
+
754
+
755
+
756
+
757
+
758
+
759
+
760
+
761
+
762
+
763
+
764
+
765
+
766
+
767
+
768
+
769
+
770
+
771
+
772
+
773
+
774
+
775
+
776
+
777
+
778
+
779
+
780
+
781
+
782
+
783
+ </dl>
784
+
785
+
786
+
787
+
788
+
789
+ </div>
790
+
791
+ <div class="member">
792
+
793
+ <h4 class="name" id="view">
794
+ <a class="href-link" href="#view">#</a>
795
+
796
+ <span class="code-name">
797
+ view
798
+ </span>
799
+
800
+ </h4>
801
+
802
+
803
+
804
+
805
+ <div class="description">
806
+ <p>视图对象</p>
807
+ </div>
808
+
809
+
810
+
811
+
812
+
813
+ <dl class="details">
814
+
815
+
816
+
817
+
818
+
819
+
820
+
821
+
822
+
823
+
824
+
825
+
826
+
827
+
828
+
829
+
830
+
831
+
832
+
833
+
834
+
835
+
836
+
837
+
838
+
839
+
840
+
841
+
842
+
843
+
844
+
845
+ </dl>
846
+
847
+
848
+
849
+
850
+
851
+ </div>
852
+
853
+ <div class="member">
854
+
855
+ <h4 class="name" id="width">
856
+ <a class="href-link" href="#width">#</a>
857
+
858
+ <span class="code-name">
859
+ width
860
+ </span>
861
+
862
+ </h4>
863
+
864
+
865
+
866
+
867
+ <div class="description">
868
+ <p>图片宽度</p>
869
+ </div>
870
+
871
+
872
+
873
+
874
+
875
+ <dl class="details">
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
+
902
+
903
+
904
+
905
+
906
+
907
+ </dl>
908
+
909
+
910
+
911
+
912
+
913
+ </div>
914
+
915
+ <div class="member">
916
+
917
+ <h4 class="name" id="x">
918
+ <a class="href-link" href="#x">#</a>
919
+
920
+ <span class="code-name">
921
+ x
922
+ </span>
923
+
924
+ </h4>
925
+
926
+
927
+
928
+
929
+ <div class="description">
930
+ <p>图片原点x</p>
931
+ </div>
932
+
933
+
934
+
935
+
936
+
937
+ <dl class="details">
938
+
939
+
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
+ </dl>
970
+
971
+
972
+
973
+
974
+
975
+ </div>
976
+
977
+ <div class="member">
978
+
979
+ <h4 class="name" id="y">
980
+ <a class="href-link" href="#y">#</a>
981
+
982
+ <span class="code-name">
983
+ y
984
+ </span>
985
+
986
+ </h4>
987
+
988
+
989
+
990
+
991
+ <div class="description">
992
+ <p>图片原点y</p>
993
+ </div>
994
+
995
+
996
+
997
+
998
+
999
+ <dl class="details">
1000
+
1001
+
1002
+
1003
+
1004
+
1005
+
1006
+
1007
+
1008
+
1009
+
1010
+
1011
+
1012
+
1013
+
1014
+
1015
+
1016
+
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+
1024
+
1025
+
1026
+
1027
+
1028
+
1029
+
1030
+
1031
+ </dl>
1032
+
1033
+
1034
+
1035
+
1036
+
1037
+ </div>
1038
+
1039
+ </div>
1040
+ </div>
1041
+
1042
+
1043
+
1044
+
1045
+
1046
+
1047
+
1048
+ </article>
1049
+
1050
+ </section>
1051
+
1052
+
1053
+
1054
+
1055
+ </div>
1056
+
1057
+ <footer class="footer">
1058
+ <div class="content has-text-centered">
1059
+ <p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 17.0.0</a></p>
1060
+ <p class="sidebar-created-by">
1061
+ <a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
1062
+ <a href="http://webclient.smaryun.com/#/index" target="_blank">MapGIS Client for JavaScript</a>
1063
+ </p>
1064
+ </div>
1065
+ </footer>
1066
+
1067
+ </div>
1068
+ <div id="side-nav" class="side-nav">
1069
+ <div style="margin-bottom: 10px;">
1070
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
1071
+ </div>
1072
+ <div style="margin-bottom: 10px;">
1073
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
1074
+ </div>
1075
+ <div style="margin-bottom: 10px;">
1076
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
1077
+ </div>
1078
+ <div>
1079
+ <img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
1080
+ </div>
1081
+ </div>
1082
+ </div>
1083
+ <script src="scripts/linenumber.js"> </script>
1084
+
1085
+ <script src="scripts/search.js"> </script>
1086
+
1087
+ <script src="scripts/sideBar.js"> </script>
1088
+ </body>
1089
+ </html>