@mapgis/webclient-mapboxgl-plugin 17.2.0 → 17.2.2
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 +22 -4
- 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/MapViewMapboxgl.html +11 -11
- package/documention/Popup.html +4 -2
- package/documention/Screenshot.html +5 -3
- package/documention/SketchEditorMapboxgl.html +79 -50
- package/documention/index.html +3 -3
- package/package.json +2 -1
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
参考示例:
|
|
40
40
|
<a href='#MapViewMapboxgl'>[初始化二维场景视图]</a>
|
|
41
41
|
<br>[ES5引入方式]:<br/>
|
|
42
|
-
|
|
42
|
+
zondy.mapboxgl.MapView() <br/>
|
|
43
43
|
[ES6引入方式]:<br/>
|
|
44
44
|
import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
|
|
45
45
|
</div>
|
|
@@ -520,7 +520,7 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
|
|
|
520
520
|
|
|
521
521
|
|
|
522
522
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
523
|
-
const { Map, MapViewMapboxgl } =
|
|
523
|
+
const { Map, MapViewMapboxgl } = zondy
|
|
524
524
|
// ES6引入方式
|
|
525
525
|
import { Map, MapViewMapboxgl } from "@mapgis/webclient-mapboxgl-plugin"
|
|
526
526
|
// 初始化图层管理容器
|
|
@@ -2575,7 +2575,7 @@ const mapView = new MapViewMapboxgl({
|
|
|
2575
2575
|
|
|
2576
2576
|
|
|
2577
2577
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
2578
|
-
const { Map, MapViewMapboxgl } =
|
|
2578
|
+
const { Map, MapViewMapboxgl } = zondy
|
|
2579
2579
|
// ES6引入方式
|
|
2580
2580
|
import { Map, MapViewMapboxgl } from "@mapgis/webclient-mapboxgl-plugin"
|
|
2581
2581
|
// 初始化图层管理容器
|
|
@@ -2600,8 +2600,8 @@ mapView.flyTo({
|
|
|
2600
2600
|
|
|
2601
2601
|
|
|
2602
2602
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
2603
|
-
const { Map, MapViewMapboxgl } =
|
|
2604
|
-
const { Extent } =
|
|
2603
|
+
const { Map, MapViewMapboxgl } = zondy
|
|
2604
|
+
const { Extent } = zondy.Geometry
|
|
2605
2605
|
// ES6引入方式
|
|
2606
2606
|
import { Map, MapViewMapboxgl, Extent } from "@mapgis/webclient-mapboxgl-plugin"
|
|
2607
2607
|
// 初始化图层管理容器
|
|
@@ -2628,7 +2628,7 @@ mapView.flyTo({
|
|
|
2628
2628
|
|
|
2629
2629
|
|
|
2630
2630
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
2631
|
-
const { IGSMapImageLayer } =
|
|
2631
|
+
const { IGSMapImageLayer } = zondy.Layer
|
|
2632
2632
|
// ES6引入方式
|
|
2633
2633
|
import { IGSMapImageLayer } from "@mapgis/webclient-mapboxgl-plugin"
|
|
2634
2634
|
const igsMapImageLayer = new IGSMapImageLayer({
|
|
@@ -3639,7 +3639,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
|
|
|
3639
3639
|
|
|
3640
3640
|
|
|
3641
3641
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
3642
|
-
const { Map, MapView } =
|
|
3642
|
+
const { Map, MapView } = zondy
|
|
3643
3643
|
// ES6引入方式
|
|
3644
3644
|
import { Map, MapViewMapboxgl as MapView } from "@mapgis/webclient-mapboxgl-plugin"
|
|
3645
3645
|
// 初始化图层管理容器
|
|
@@ -3664,8 +3664,8 @@ mapView.goTo({
|
|
|
3664
3664
|
|
|
3665
3665
|
|
|
3666
3666
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
3667
|
-
const { Map, MapView } =
|
|
3668
|
-
const { Extent, Circle } =
|
|
3667
|
+
const { Map, MapView } = zondy
|
|
3668
|
+
const { Extent, Circle } = zondy.Geometry
|
|
3669
3669
|
// ES6引入方式
|
|
3670
3670
|
import { Map, MapViewMapboxgl as MapView } from "@mapgis/webclient-mapboxgl-plugin"
|
|
3671
3671
|
// 初始化图层管理容器
|
|
@@ -4365,8 +4365,8 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
|
|
|
4365
4365
|
|
|
4366
4366
|
|
|
4367
4367
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
4368
|
-
const { Map, MapView } =
|
|
4369
|
-
const { PictureFormat } =
|
|
4368
|
+
const { Map, MapView } = zondy
|
|
4369
|
+
const { PictureFormat } = zondy.Enum
|
|
4370
4370
|
// ES6引入方式
|
|
4371
4371
|
import { Map, MapView } from "@mapgis/webclient-mapboxgl-plugin"
|
|
4372
4372
|
import { PictureFormat } from "@mapgis/webclient-common"
|
package/documention/Popup.html
CHANGED
|
@@ -376,9 +376,11 @@ zondy-popup__footer 弹窗底部样式<br/></p>
|
|
|
376
376
|
|
|
377
377
|
|
|
378
378
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
379
|
-
const { Map
|
|
379
|
+
const { Map } = zondy
|
|
380
|
+
const { MapView } = zondy.mapboxgl
|
|
380
381
|
// ES6引入方式
|
|
381
|
-
import {
|
|
382
|
+
import { MapView } from "@mapgis/webclient-mapboxgl-plugin"
|
|
383
|
+
import { Map } from "@mapgis/webclient-common"
|
|
382
384
|
// 初始化图层管理容器
|
|
383
385
|
const map = new Map();
|
|
384
386
|
// 初始化地图视图对象
|
|
@@ -278,10 +278,12 @@
|
|
|
278
278
|
|
|
279
279
|
|
|
280
280
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
281
|
-
const { Map
|
|
282
|
-
const {
|
|
281
|
+
const { Map } = zondy
|
|
282
|
+
const { MapView } = zondy.mapboxgl
|
|
283
|
+
const { Screenshot } = zondy.mapboxgl.tool
|
|
283
284
|
// ES6引入方式
|
|
284
|
-
import {
|
|
285
|
+
import { MapView, Screenshot } from "@mapgis/webclient-mapboxgl-plugin"
|
|
286
|
+
import { Map } from "@mapgis/webclient-common"
|
|
285
287
|
// 初始化图层管理容器
|
|
286
288
|
const map = new Map();
|
|
287
289
|
// 初始化地图视图对象
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
<div class="description">
|
|
38
38
|
<p>二维Mapboxgl引擎草图编辑类<br/>
|
|
39
39
|
<br>[ES5引入方式]:<br/>
|
|
40
|
-
const {
|
|
40
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch <br/>
|
|
41
41
|
[ES6引入方式]:<br/>
|
|
42
|
-
import {
|
|
42
|
+
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
@@ -317,10 +317,15 @@ import { SketchEditorMapboxgl } from "@mapgis/webclient-leaflet-plugin"
|
|
|
317
317
|
|
|
318
318
|
|
|
319
319
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
320
|
-
const {
|
|
320
|
+
const { Color } = zondy
|
|
321
|
+
const { SketchDataType } = zondy.enum
|
|
322
|
+
const { SimpleMarkerSymbol } = zondy.symbol
|
|
323
|
+
const { SketchStyle } = zondy.tool.sketch
|
|
324
|
+
const { MapView } = zondy.mapboxgl
|
|
325
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
321
326
|
[ES6引入方式]:
|
|
322
|
-
import { MapView,
|
|
323
|
-
import { SketchStyle,
|
|
327
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
328
|
+
import { SketchStyle, SketchEditor, Color, SketchDataType} from "@mapgis/webclient-common" <br/>
|
|
324
329
|
var map = new Map()
|
|
325
330
|
var mapView = new MapView({
|
|
326
331
|
viewId: "mapgis-2d-viewer",
|
|
@@ -335,14 +340,14 @@ var sketchStyle = new SketchStyle({
|
|
|
335
340
|
lineStyle: undefined,
|
|
336
341
|
fillStyle: undefined
|
|
337
342
|
})
|
|
338
|
-
var
|
|
343
|
+
var sketchEditor = new SketchEditor({
|
|
339
344
|
view: mapView,
|
|
340
345
|
layer: new GraphicsLayer(),
|
|
341
346
|
vertexStyle: vertexStyle
|
|
342
347
|
})
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
348
|
+
sketchEditor.start(SketchDataType.POINT) // 绘制点
|
|
349
|
+
sketchEditor.start(SketchDataType.POLYLINE) // 绘制线
|
|
350
|
+
sketchEditor.start(SketchDataType.POLYGON) // 绘制区
|
|
346
351
|
*</code></pre>
|
|
347
352
|
|
|
348
353
|
|
|
@@ -1212,9 +1217,11 @@ SketchEditorMapboxgl.start(SketchDataType.POLYGON) // 绘制区
|
|
|
1212
1217
|
|
|
1213
1218
|
|
|
1214
1219
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
1215
|
-
const {
|
|
1220
|
+
const { Polygon, LineString } = zondy.geometry
|
|
1221
|
+
const { MapView } = zondy.mapboxgl
|
|
1222
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
1216
1223
|
[ES6引入方式]:
|
|
1217
|
-
import { MapView,
|
|
1224
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
1218
1225
|
import { Polygon, LineString } from "@mapgis/webclient-common" <br/>
|
|
1219
1226
|
var map = new Map()
|
|
1220
1227
|
var mapView = new MapView({
|
|
@@ -1273,11 +1280,11 @@ var testLayer = new GraphicsLayer({
|
|
|
1273
1280
|
graphics: this.testFeatures
|
|
1274
1281
|
})
|
|
1275
1282
|
map.add(testLayer)
|
|
1276
|
-
var
|
|
1283
|
+
var sketchEditor = new SketchEditor({
|
|
1277
1284
|
view: mapView,
|
|
1278
1285
|
layer: new GraphicsLayer()
|
|
1279
1286
|
})
|
|
1280
|
-
|
|
1287
|
+
sketchEditor.drawPolylineToPolygon(testGeometries)</code></pre>
|
|
1281
1288
|
|
|
1282
1289
|
|
|
1283
1290
|
|
|
@@ -1644,22 +1651,24 @@ sketchEditorMapboxgl.drawPolylineToPolygon(testGeometries)</code></pre>
|
|
|
1644
1651
|
|
|
1645
1652
|
|
|
1646
1653
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
1647
|
-
const {
|
|
1654
|
+
const { Polygon, LineString } = zondy.geometry
|
|
1655
|
+
const { MapView } = zondy.mapboxgl
|
|
1656
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
1648
1657
|
[ES6引入方式]:
|
|
1649
|
-
import { MapView,
|
|
1658
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
1650
1659
|
import { Polygon, LineString } from "@mapgis/webclient-common" <br/>
|
|
1651
1660
|
var map = new Map()
|
|
1652
1661
|
var mapView = new MapView({
|
|
1653
1662
|
viewId: "mapgis-2d-viewer",
|
|
1654
1663
|
map: map,
|
|
1655
1664
|
})
|
|
1656
|
-
var
|
|
1665
|
+
var sketchEditor = new SketchEditor({
|
|
1657
1666
|
view: mapView,
|
|
1658
1667
|
layer: new GraphicsLayer()
|
|
1659
1668
|
})
|
|
1660
|
-
|
|
1661
|
-
console.log("是否可以进行恢复操作:" +
|
|
1662
|
-
const geometry =
|
|
1669
|
+
sketchEditor.start(SketchDataType.POLYGON)
|
|
1670
|
+
console.log("是否可以进行恢复操作:" + sketchEditor.canRedo())
|
|
1671
|
+
const geometry = sketchEditor.redo()
|
|
1663
1672
|
console.log("恢复后的几何对象" + geometry)</code></pre>
|
|
1664
1673
|
|
|
1665
1674
|
|
|
@@ -2049,12 +2058,15 @@ console.log("恢复后的几何对象" + geometry)</code></pre>
|
|
|
2049
2058
|
|
|
2050
2059
|
|
|
2051
2060
|
<pre class="prettyprint"><code>// ES5引入方式
|
|
2052
|
-
const {
|
|
2053
|
-
const {
|
|
2054
|
-
const {
|
|
2061
|
+
const { Color, Map } = zondy
|
|
2062
|
+
const { SketchDataType } = zondy.enum
|
|
2063
|
+
const { SimpleMarkerSymbol, SimpleFillSymbol, SimpleLineSymbol } = zondy.symbol
|
|
2064
|
+
const { SketchStyle } = zondy.tool.sketch
|
|
2065
|
+
const { MapView } = zondy.mapboxgl
|
|
2066
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
2055
2067
|
// ES6引入方式
|
|
2056
2068
|
import { Map, SimpleMarkerSymbol, SimpleFillSymbol, SimpleLineSymbol, Color, SketchStyle, SketchDataType } from "@mapgis/webclient-common"
|
|
2057
|
-
import { MapView,
|
|
2069
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
2058
2070
|
var map = new Map()
|
|
2059
2071
|
var mapView = new MapView({
|
|
2060
2072
|
viewId: "mapgis-2d-viewer",
|
|
@@ -2121,7 +2133,7 @@ var sketchStyle = new SketchStyle({
|
|
|
2121
2133
|
})
|
|
2122
2134
|
})
|
|
2123
2135
|
})
|
|
2124
|
-
var sketchEditor = new
|
|
2136
|
+
var sketchEditor = new SketchEditor({
|
|
2125
2137
|
view: mapView,
|
|
2126
2138
|
layer: graphicsLayer,
|
|
2127
2139
|
})
|
|
@@ -2347,16 +2359,18 @@ sketchEditor.start(SketchDataType.POLYGON)</code></pre>
|
|
|
2347
2359
|
|
|
2348
2360
|
|
|
2349
2361
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
2350
|
-
const {
|
|
2362
|
+
const { Polygon, LineString } = zondy.geometry
|
|
2363
|
+
const { MapView } = zondy.mapboxgl
|
|
2364
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
2351
2365
|
[ES6引入方式]:
|
|
2352
|
-
import { MapView,
|
|
2366
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
2353
2367
|
import { Polygon, LineString } from "@mapgis/webclient-common" <br/>
|
|
2354
2368
|
var map = new Map()
|
|
2355
2369
|
var mapView = new MapView({
|
|
2356
2370
|
viewId: "mapgis-2d-viewer",
|
|
2357
2371
|
map: map,
|
|
2358
2372
|
})
|
|
2359
|
-
var
|
|
2373
|
+
var sketchEditor = new SketchEditor({
|
|
2360
2374
|
view: mapView,
|
|
2361
2375
|
layer: new GraphicsLayer()
|
|
2362
2376
|
})
|
|
@@ -2392,7 +2406,7 @@ const newSketchEditors = SketchEditorMapboxgl.split(polygon,polyline)</code></pr
|
|
|
2392
2406
|
|
|
2393
2407
|
<span class="code-name" id="start" style="font-size:30px">
|
|
2394
2408
|
|
|
2395
|
-
start<span class="signature">(dataType,
|
|
2409
|
+
start<span class="signature">(dataType, extensionOptions)</span>
|
|
2396
2410
|
|
|
2397
2411
|
</span>
|
|
2398
2412
|
</h4>
|
|
@@ -2465,7 +2479,7 @@ const newSketchEditors = SketchEditorMapboxgl.split(polygon,polyline)</code></pr
|
|
|
2465
2479
|
|
|
2466
2480
|
<tr class="deep-level-0">
|
|
2467
2481
|
|
|
2468
|
-
<td class="name"><code>
|
|
2482
|
+
<td class="name"><code>extensionOptions</code></td>
|
|
2469
2483
|
|
|
2470
2484
|
|
|
2471
2485
|
<td class="type">
|
|
@@ -2561,9 +2575,14 @@ const newSketchEditors = SketchEditorMapboxgl.split(polygon,polyline)</code></pr
|
|
|
2561
2575
|
|
|
2562
2576
|
|
|
2563
2577
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
2564
|
-
const {
|
|
2578
|
+
const { Color } = zondy
|
|
2579
|
+
const { SketchDataType } = zondy.enum
|
|
2580
|
+
const { SimpleMarkerSymbol } = zondy.symbol
|
|
2581
|
+
const { SketchStyle } = zondy.tool.sketch
|
|
2582
|
+
const { MapView } = zondy.mapboxgl
|
|
2583
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
2565
2584
|
[ES6引入方式]:
|
|
2566
|
-
import { MapView,
|
|
2585
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
2567
2586
|
import { SketchStyle, SimpleMarkerSymbol, Color, SketchDataType} from "@mapgis/webclient-common" <br/>
|
|
2568
2587
|
var map = new Map()
|
|
2569
2588
|
var mapView = new MapView({
|
|
@@ -2579,14 +2598,14 @@ var sketchStyle = new SketchStyle({
|
|
|
2579
2598
|
lineStyle: undefined,
|
|
2580
2599
|
fillStyle: undefined
|
|
2581
2600
|
})
|
|
2582
|
-
var
|
|
2601
|
+
var sketchEditor = new SketchEditor({
|
|
2583
2602
|
view: mapView,
|
|
2584
2603
|
layer: new GraphicsLayer(),
|
|
2585
2604
|
vertexStyle: vertexStyle
|
|
2586
2605
|
})
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2606
|
+
sketchEditor.start(SketchDataType.POINT) // 绘制点
|
|
2607
|
+
sketchEditor.start(SketchDataType.POLYLINE) // 绘制线
|
|
2608
|
+
sketchEditor.start(SketchDataType.POLYGON) // 绘制区</code></pre>
|
|
2590
2609
|
|
|
2591
2610
|
|
|
2592
2611
|
|
|
@@ -2741,10 +2760,15 @@ SketchEditorMapboxgl.start(SketchDataType.POLYGON) // 绘制区</code></pre>
|
|
|
2741
2760
|
|
|
2742
2761
|
|
|
2743
2762
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
2744
|
-
const {
|
|
2763
|
+
const { Color } = zondy
|
|
2764
|
+
const { SketchDataType } = zondy.enum
|
|
2765
|
+
const { SimpleMarkerSymbol } = zondy.symbol
|
|
2766
|
+
const { SketchStyle } = zondy.tool.sketch
|
|
2767
|
+
const { MapView } = zondy.mapboxgl
|
|
2768
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
2745
2769
|
[ES6引入方式]:
|
|
2746
|
-
import { MapView,
|
|
2747
|
-
import { SketchStyle,
|
|
2770
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
2771
|
+
import { SketchStyle, SketchEditor, Color, SketchDataType} from "@mapgis/webclient-common" <br/>
|
|
2748
2772
|
import SketchEllipseDrawTool from "./SketchEllipseDrawTool" <br/>
|
|
2749
2773
|
var map = new Map()
|
|
2750
2774
|
var mapView = new MapView({
|
|
@@ -2760,12 +2784,12 @@ var sketchStyle = new SketchStyle({
|
|
|
2760
2784
|
lineStyle: undefined,
|
|
2761
2785
|
fillStyle: undefined
|
|
2762
2786
|
})
|
|
2763
|
-
var
|
|
2787
|
+
var sketchEditor = new SketchEditor({
|
|
2764
2788
|
view: mapView,
|
|
2765
2789
|
layer: new GraphicsLayer(),
|
|
2766
2790
|
vertexStyle: vertexStyle
|
|
2767
2791
|
})
|
|
2768
|
-
|
|
2792
|
+
sketchEditor.startCustomDrawTool(SketchEllipseDrawTool, "ellipse") // 绘制椭圆</code></pre>
|
|
2769
2793
|
|
|
2770
2794
|
|
|
2771
2795
|
|
|
@@ -2985,22 +3009,25 @@ sketchEditorMapboxgl.startCustomDrawTool(SketchEllipseDrawTool, "ellipse") //
|
|
|
2985
3009
|
|
|
2986
3010
|
|
|
2987
3011
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
2988
|
-
const {
|
|
3012
|
+
const { Polygon, LineString } = zondy.geometry
|
|
3013
|
+
const { SketchDataType } = zondy.enum
|
|
3014
|
+
const { MapView } = zondy.mapboxgl
|
|
3015
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
2989
3016
|
[ES6引入方式]:
|
|
2990
|
-
import { MapView,
|
|
3017
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
2991
3018
|
import { Polygon, LineString, SketchDataType } from "@mapgis/webclient-common" <br/>
|
|
2992
3019
|
var map = new Map()
|
|
2993
3020
|
var mapView = new MapView({
|
|
2994
3021
|
viewId: "mapgis-2d-viewer",
|
|
2995
3022
|
map: map,
|
|
2996
3023
|
})
|
|
2997
|
-
var
|
|
3024
|
+
var sketchEditor = new SketchEditor({
|
|
2998
3025
|
view: mapView,
|
|
2999
3026
|
layer: new GraphicsLayer()
|
|
3000
3027
|
})
|
|
3001
|
-
|
|
3002
|
-
console.log("是否可以进行撤销操作:" +
|
|
3003
|
-
const geometry =
|
|
3028
|
+
sketchEditor.start(SketchDataType.POLYGON)
|
|
3029
|
+
console.log("是否可以进行撤销操作:" + sketchEditor.canUndo())
|
|
3030
|
+
const geometry = sketchEditor.undo()
|
|
3004
3031
|
console.log("恢复后的几何对象" + geometry)</code></pre>
|
|
3005
3032
|
|
|
3006
3033
|
|
|
@@ -3186,16 +3213,18 @@ console.log("恢复后的几何对象" + geometry)</code></pre>
|
|
|
3186
3213
|
|
|
3187
3214
|
|
|
3188
3215
|
<pre class="prettyprint"><code>// [ES5引入方式]:
|
|
3189
|
-
const {
|
|
3216
|
+
const { Polygon } = zondy.geometry
|
|
3217
|
+
const { MapView } = zondy.mapboxgl
|
|
3218
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch
|
|
3190
3219
|
[ES6引入方式]:
|
|
3191
|
-
import { MapView,
|
|
3192
|
-
import {
|
|
3220
|
+
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
|
|
3221
|
+
import { Polygon } from "@mapgis/webclient-common" <br/>
|
|
3193
3222
|
var map = new Map()
|
|
3194
3223
|
var mapView = new MapView({
|
|
3195
3224
|
viewId: "mapgis-2d-viewer",
|
|
3196
3225
|
map: map,
|
|
3197
3226
|
})
|
|
3198
|
-
var
|
|
3227
|
+
var sketchEditor = new SketchEditor({
|
|
3199
3228
|
view: mapView,
|
|
3200
3229
|
layer: new GraphicsLayer()
|
|
3201
3230
|
})
|
package/documention/index.html
CHANGED
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
参考示例:
|
|
109
109
|
<a href='#MapViewMapboxgl'>[初始化二维场景视图]</a>
|
|
110
110
|
<br>[ES5引入方式]:<br/>
|
|
111
|
-
|
|
111
|
+
zondy.mapboxgl.MapView() <br/>
|
|
112
112
|
[ES6引入方式]:<br/>
|
|
113
113
|
import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p></span></li><div class="mapgis-link-detail" id="MapViewMapboxgl-detail"><div><a linkTo="#page-title" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#fromJSON" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="fromJSON" id="api-member" class="mapgis-link-name">fromJSON</a></li><li><a linkTo="#flyTo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="flyTo" id="api-member" class="mapgis-link-name">flyTo</a></li><li><a linkTo="#getCenter" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="getCenter" id="api-member" class="mapgis-link-name">getCenter</a></li><li><a linkTo="#getExtent" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="getExtent" id="api-member" class="mapgis-link-name">getExtent</a></li><li><a linkTo="#getScale" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="getScale" id="api-member" class="mapgis-link-name">getScale</a></li><li><a linkTo="#getSize" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="getSize" id="api-member" class="mapgis-link-name">getSize</a></li><li><a linkTo="#getZoom" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="getZoom" id="api-member" class="mapgis-link-name">getZoom</a></li><li><a linkTo="#goTo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="goTo" id="api-member" class="mapgis-link-name">goTo</a></li><li><a linkTo="#hitTest" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="hitTest" id="api-member" class="mapgis-link-name">hitTest</a></li><li><a linkTo="#takeScreenshot" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="takeScreenshot" id="api-member" class="mapgis-link-name">takeScreenshot</a></li><li><a linkTo="#toJSON" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="toJSON" id="api-member" class="mapgis-link-name">toJSON</a></li><li><a linkTo="#toMap" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="toMap" id="api-member" class="mapgis-link-name">toMap</a></li><li><a linkTo="#toScreen" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="toScreen" id="api-member" class="mapgis-link-name">toScreen</a></li></ul></div><div><a linkTo="#member" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#_spatialReference" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="_spatialReference" id="api-member" class="mapgis-link-name">_spatialReference</a></li><li><a linkTo="#center" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="center" id="api-member" class="mapgis-link-name">center</a></li><li><a linkTo="#engineType" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="engineType" id="api-member" class="mapgis-link-name">engineType</a></li><li><a linkTo="#extent" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="extent" id="api-member" class="mapgis-link-name">extent</a></li><li><a linkTo="#fullExtent" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="fullExtent" id="api-member" class="mapgis-link-name">fullExtent</a></li><li><a linkTo="#height" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="height" id="api-member" class="mapgis-link-name">height</a></li><li><a linkTo="#maxScale" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="maxScale" id="api-member" class="mapgis-link-name">maxScale</a></li><li><a linkTo="#minScale" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="minScale" id="api-member" class="mapgis-link-name">minScale</a></li><li><a linkTo="#popup" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="popup" id="api-member" class="mapgis-link-name">popup</a></li><li><a linkTo="#scale" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="scale" id="api-member" class="mapgis-link-name">scale</a></li><li><a linkTo="#spatialReferenceLocked" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="spatialReferenceLocked" id="api-member" class="mapgis-link-name">spatialReferenceLocked</a></li><li><a linkTo="#stationary" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="stationary" id="api-member" class="mapgis-link-name">stationary</a></li><li><a linkTo="#width" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="width" id="api-member" class="mapgis-link-name">width</a></li><li><a linkTo="#zoom" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/MapViewMapboxgl.html" title="zoom" id="api-member" class="mapgis-link-name">zoom</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" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html"id="Popup" title="Popup" 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
114
|
参考示例:
|
|
@@ -122,9 +122,9 @@ zondy-popup__header 弹窗头部样式<br/>
|
|
|
122
122
|
zondy-popup__content 弹窗主体样式<br/>
|
|
123
123
|
zondy-popup__footer 弹窗底部样式<br/></p></span></li><div class="mapgis-link-detail" id="Popup-detail"><div><a linkTo="#page-title" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#close" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="close" id="api-member" class="mapgis-link-name">close</a></li><li><a linkTo="#open" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="open" id="api-member" class="mapgis-link-name">open</a></li><li><a linkTo="#openPopup" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="openPopup" id="api-member" class="mapgis-link-name">openPopup</a></li></ul></div><div><a linkTo="#member" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#alignment" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="alignment" id="api-member" class="mapgis-link-name">alignment</a></li><li><a linkTo="#content" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="content" id="api-member" class="mapgis-link-name">content</a></li><li><a linkTo="#defaultButtons" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="defaultButtons" id="api-member" class="mapgis-link-name">defaultButtons</a></li><li><a linkTo="#location" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="location" id="api-member" class="mapgis-link-name">location</a></li><li><a linkTo="#title" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="title" id="api-member" class="mapgis-link-name">title</a></li><li><a linkTo="#view" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Popup.html" title="view" id="api-member" class="mapgis-link-name">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" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html"id="Screenshot" title="Screenshot" 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 linkTo="#page-title" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" id="api-fold">构造函数</a></div><div><a linkTo="#member" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#filename" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="filename" id="api-member" class="mapgis-link-name">filename</a></li><li><a linkTo="#format" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="format" id="api-member" class="mapgis-link-name">format</a></li><li><a linkTo="#height" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="height" id="api-member" class="mapgis-link-name">height</a></li><li><a linkTo="#isDownload" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="isDownload" id="api-member" class="mapgis-link-name">isDownload</a></li><li><a linkTo="#view" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="view" id="api-member" class="mapgis-link-name">view</a></li><li><a linkTo="#width" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="width" id="api-member" class="mapgis-link-name">width</a></li><li><a linkTo="#x" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="x" id="api-member" class="mapgis-link-name">x</a></li><li><a linkTo="#y" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/Screenshot.html" title="y" id="api-member" class="mapgis-link-name">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" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html"id="SketchEditorMapboxgl" title="SketchEditorMapboxgl" 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
124
|
<br>[ES5引入方式]:<br/>
|
|
125
|
-
const {
|
|
125
|
+
const { SketchEditor } = zondy.mapboxgl.tool.sketch <br/>
|
|
126
126
|
[ES6引入方式]:<br/>
|
|
127
|
-
import {
|
|
127
|
+
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li><div class="mapgis-link-detail" id="SketchEditorMapboxgl-detail"><div><a linkTo="#page-title" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#addVertex" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="addVertex" id="api-member" class="mapgis-link-name">addVertex</a></li><li><a linkTo="#canRedo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="canRedo" id="api-member" class="mapgis-link-name">canRedo</a></li><li><a linkTo="#canUndo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="canUndo" id="api-member" class="mapgis-link-name">canUndo</a></li><li><a linkTo="#drawPolylineToPolygon" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="drawPolylineToPolygon" id="api-member" class="mapgis-link-name">drawPolylineToPolygon</a></li><li><a linkTo="#getGeometry" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="getGeometry" id="api-member" class="mapgis-link-name">getGeometry</a></li><li><a linkTo="#getSketchStyle" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="getSketchStyle" id="api-member" class="mapgis-link-name">getSketchStyle</a></li><li><a linkTo="#redo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="redo" id="api-member" class="mapgis-link-name">redo</a></li><li><a linkTo="#remove" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="remove" id="api-member" class="mapgis-link-name">remove</a></li><li><a linkTo="#removeVertex" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="removeVertex" id="api-member" class="mapgis-link-name">removeVertex</a></li><li><a linkTo="#setSketchStyle" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="setSketchStyle" id="api-member" class="mapgis-link-name">setSketchStyle</a></li><li><a linkTo="#split" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="split" id="api-member" class="mapgis-link-name">split</a></li><li><a linkTo="#start" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="start" id="api-member" class="mapgis-link-name">start</a></li><li><a linkTo="#startCustomDrawTool" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="startCustomDrawTool" id="api-member" class="mapgis-link-name">startCustomDrawTool</a></li><li><a linkTo="#stop" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="stop" id="api-member" class="mapgis-link-name">stop</a></li><li><a linkTo="#undo" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="undo" id="api-member" class="mapgis-link-name">undo</a></li><li><a linkTo="#union" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="union" id="api-member" class="mapgis-link-name">union</a></li><li><a linkTo="#updateVertex" link="/static/modules/mapboxgl/api/mapboxgl-mapgis/SketchEditorMapboxgl.html" title="updateVertex" id="api-member" class="mapgis-link-name">updateVertex</a></li></ul></div></div></ul></div>
|
|
128
128
|
|
|
129
129
|
</nav>
|
|
130
130
|
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mapgis/webclient-mapboxgl-plugin",
|
|
3
|
-
"version" : "17.2.
|
|
3
|
+
"version" : "17.2.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/webclient-mapboxgl-plugin-es6.min.js",
|
|
6
6
|
"scripts": {},
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"mapboxgl"
|
|
12
12
|
],
|
|
13
13
|
"author": "Wuhan Zondy Cyber Science&Technology Co.Ltd.",
|
|
14
|
+
"license": "Apache-2.0",
|
|
14
15
|
"dependencies": {
|
|
15
16
|
"@mapgis/mapbox-gl": "^17.2.0",
|
|
16
17
|
"@mapgis/webclient-common": "^17.2.0"
|