@mapgis/webclient-leaflet-plugin 17.2.0 → 17.2.2

package/documention/MapViewLeaflet.html

@@ -1172,7 +1172,7 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
         <p class="code-caption"><h7 id='MapViewLeaflet'>初始化一个二维场景视图</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 二维场景视图的容器(html的div标签)ID
  viewId: "二维场景视图的容器的id",
  // 图层管理容器
  map: map
+        <pre class="prettyprint"><code>// ES5引入方式
  // 二维场景视图的容器(html的div标签)ID
  viewId: "二维场景视图的容器的id",
  // 图层管理容器
  map: map
     
 
 
@@ -4074,19 +4074,19 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
         <p class="code-caption"><h7>中心点跳转示例</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 跳转中心点
  center: [{x}, {y}],
  // 地图层级
  zoom: {zoom}
+        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 跳转中心点
  center: [{x}, {y}],
  // 地图层级
  zoom: {zoom}
     
 
         <p class="code-caption"><h7>按范围跳转示例</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 范围几何
  extent: new Extent({
     "xmin":10,
     "xmax":210,
     "ymin":0,
     "ymax":100,
  })
+        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 范围几何
  extent: new Extent({
     "xmin":10,
     "xmax":210,
     "ymin":0,
     "ymax":100,
  })
     
 
         <p class="code-caption"><h7>按范围跳转示例-拿到图层信息后跳转</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
  console.log("加载完毕:", result.layer)
  //视点跳转
  mapView.flyTo({
    extent: result.layer.extent
  });
+        <pre class="prettyprint"><code>// ES5引入方式
  url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
  console.log("加载完毕:", result.layer)
  //视点跳转
  mapView.flyTo({
    extent: result.layer.extent
  });
     
 
 
@@ -5863,13 +5863,13 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
         <p class="code-caption"><h7>中心点跳转示例</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 跳转中心点
  center: [115.47643872463577, 30.980700423496124],
  // 地图层级
  zoom: 8
+        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  // 跳转中心点
  center: [115.47643872463577, 30.980700423496124],
  // 地图层级
  zoom: 8
     
 
         <p class="code-caption"><h7>按范围跳转示例</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  xmin: 111.88463529230717,
  ymin: 28.646934514163803,
  xmax: 116.89989408129225,
  ymax: 33.07991791253288,
  center: [111, 29],
  radius: 100,
  radiusUnit: "kilometers",
  .goTo({
    target: [extent1, geometry2],
  })
  .then(() => {
    console.log("gotoExtent callback")
  })</code></pre>
+        <pre class="prettyprint"><code>// ES5引入方式
  // 视图id
  viewId: "view-id",
  // 图层管理容器
  map: map
  xmin: 111.88463529230717,
  ymin: 28.646934514163803,
  xmax: 116.89989408129225,
  ymax: 33.07991791253288,
  center: [111, 29],
  radius: 100,
  radiusUnit: "kilometers",
  .goTo({
    target: [extent1, geometry2],
  })
  .then(() => {
    console.log("gotoExtent callback")
  })</code></pre>
     
 
 
@@ -6471,7 +6471,7 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
         <p class="code-caption"><h7>屏幕快照</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 二维场景视图的容器(html的div标签)ID
  viewId: "二维场景视图的容器的id",
  // 图层管理容器
  map: map
   format: PictureFormat.png
  // 获取base64格式的url字符串
  console.log("dataUrl:", result.dataUrl)
+        <pre class="prettyprint"><code>// ES5引入方式
  // 二维场景视图的容器(html的div标签)ID
  viewId: "二维场景视图的容器的id",
  // 图层管理容器
  map: map
   format: PictureFormat.png
  // 获取base64格式的url字符串
  console.log("dataUrl:", result.dataUrl)
     
 
 

package/documention/Popup.html

@@ -376,9 +376,11 @@ zondy-popup__footer 弹窗底部样式<br/></p>
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { Map, MapView } = Zondy
+const { Map } = zondy
+const { MapView } = zondy.leaflet
 // ES6引入方式
-import { Map, MapView } from "@mapgis/webclient-leaflet-plugin"
+import { MapView } from "@mapgis/webclient-leaflet-plugin"
+import { Map } from "@mapgis/webclient-common"
 // 初始化图层管理容器
 const map = new Map();
 // 初始化地图视图对象

package/documention/Screenshot.html

@@ -278,10 +278,12 @@
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { Map, MapView } = Zondy
-const { Screenshot } = Zondy.Widgetthis.view
+const { Map } = zondy
+const { MapView } = zondy.leaflet
+const { Screenshot } = zondy.leaflet.tool
 // ES6引入方式
-import { Map, MapView, Screenshot } from "@mapgis/webclient-leaflet-plugin"
+import { MapView, Screenshot } from "@mapgis/webclient-leaflet-plugin"
+import { Map } from "@mapgis/webclient-common"
 // 初始化图层管理容器
 const map = new Map();
 // 初始化地图视图对象

package/documention/SketchEditorLeaflet.html

@@ -37,9 +37,9 @@
     <div class="description">
         <p>二维Leaflet引擎草图编辑类<br/>
 <br>[ES5引入方式]：<br/>
-const { SketchEditorLeaflet } = Zondy <br/>
+const { SketchEditor } = zondy.leaflet.tool.sketch <br/>
 [ES6引入方式]：<br/>
-import { SketchEditorLeaflet } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p>
+import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></p>
     </div>
     
 
@@ -317,9 +317,14 @@ import { SketchEditorLeaflet } from &quot;@mapgis/webclient-leaflet-plugin&quot;
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { SketchEditorLeaflet } = Zondy
+const { Color } = zondy
+const { SketchDataType } = zondy.enum
+const { SimpleMarkerSymbol } = zondy.symbol
+const { SketchStyle } = zondy.tool.sketch
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { SketchStyle, SimpleMarkerSymbol, Color, SketchDataType} from "@mapgis/webclient-common" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
@@ -335,14 +340,14 @@ var sketchStyle = new SketchStyle({
     lineStyle: undefined,
     fillStyle: undefined
   })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer(),
   vertexStyle: vertexStyle
 })
-SketchEditorLeaflet.start(SketchDataType.POINT) // 绘制点
-SketchEditorLeaflet.start(SketchDataType.POLYLINE) // 绘制线
-SketchEditorLeaflet.start(SketchDataType.POLYGON) // 绘制区
+sketchEditor.start(SketchDataType.POINT) // 绘制点
+sketchEditor.start(SketchDataType.POLYLINE) // 绘制线
+sketchEditor.start(SketchDataType.POLYGON) // 绘制区
 *</code></pre>
     
 
@@ -1212,7 +1217,9 @@ SketchEditorLeaflet.start(SketchDataType.POLYGON) // 绘制区
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { MapView, SketchEditorLeaflet, Polygon, LineString } = Zondy
+const { Polygon, LineString } = zondy.geometry
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
 import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { Polygon, LineString } from "@mapgis/webclient-common" &lt;br/>
@@ -1273,11 +1280,11 @@ var testLayer = new GraphicsLayer({
    graphics: this.testFeatures
 })
 map.add(testLayer)
-var sketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer()
 })
-sketchEditorLeaflet.drawPolylineToPolygon(testGeometries)</code></pre>
+sketchEditor.drawPolylineToPolygon(testGeometries)</code></pre>
     
 
 
@@ -1644,22 +1651,25 @@ sketchEditorLeaflet.drawPolylineToPolygon(testGeometries)</code></pre>
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { SketchEditorLeaflet } = Zondy
+const { Polygon, LineString } = zondy.geometry
+const { SketchDataType } = zondy.enum
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
-import { Polygon, LineString } from "@mapgis/webclient-common" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { Polygon, LineString, SketchDataType } from "@mapgis/webclient-common" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
   viewId: "mapgis-2d-viewer",
   map: map,
 })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer()
 })
-SketchEditorLeaflet.start(SketchDataType.POLYGON)
-console.log("是否可以进行恢复操作：" + this.SketchEditorLeaflet.canRedo())
-const geometry = this.SketchEditorLeaflet.redo()
+sketchEditor.start(SketchDataType.POLYGON)
+console.log("是否可以进行恢复操作：" + sketchEditor.canRedo())
+const geometry = sketchEditor.redo()
 console.log("恢复后的几何对象" + geometry)</code></pre>
     
 
@@ -2049,12 +2059,15 @@ console.log("恢复后的几何对象" + geometry)</code></pre>
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { SimpleMarkerSymbol, SimpleFillSymbol, SimpleLineSymbol } = Zondy.Symbol
-const { Map, MapView, Color, SketchStyle, SketchEditorLeaflet } = Zondy
-const { SketchDataType } = Zondy.Enum
+const { SimpleMarkerSymbol, SimpleFillSymbol, SimpleLineSymbol } = zondy.Symbol
+const { Map, Color } = zondy
+const { MapView } = zondy.leaflet
+const { SketchStyle } = zondy.tool.sketch
+const { SketchEditor } = zondy.leaflet.tool.sketch
+const { SketchDataType } = zondy.Enum
 // ES6引入方式
 import { Map, SimpleMarkerSymbol, SimpleFillSymbol, SimpleLineSymbol, Color, SketchStyle, SketchDataType } from "@mapgis/webclient-common"
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
   viewId: "mapgis-2d-viewer",
@@ -2121,7 +2134,7 @@ var sketchStyle = new SketchStyle({
     })
   })
 })
-var sketchEditor = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
    view: mapView,
    layer: graphicsLayer,
  })
@@ -2347,16 +2360,18 @@ sketchEditor.start(SketchDataType.POLYGON)</code></pre>
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { MapView, SketchEditorLeaflet, Polygon, LineString } = Zondy
+const { Polygon, LineString } = zondy.geometry
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { Polygon, LineString } from "@mapgis/webclient-common" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
   viewId: "mapgis-2d-viewer",
   map: map,
 })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer()
 })
@@ -2377,7 +2392,7 @@ const polyline = new LineString({
     [120, 30]
   ]
 })
-const newSketchEditors = SketchEditorLeaflet.split(polygon,polyline)</code></pre>
+const newSketchEditors = SketchEditor.split(polygon,polyline)</code></pre>
     
 
 
@@ -2561,9 +2576,14 @@ const newSketchEditors = SketchEditorLeaflet.split(polygon,polyline)</code></pre
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { SketchEditorLeaflet } = Zondy
+const { Color } = zondy
+const { SketchDataType } = zondy.enum
+const { SimpleMarkerSymbol } = zondy.symbol
+const { SketchStyle } = zondy.tool.sketch
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { SketchStyle, SimpleMarkerSymbol, Color, SketchDataType} from "@mapgis/webclient-common" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
@@ -2579,14 +2599,14 @@ var sketchStyle = new SketchStyle({
     lineStyle: undefined,
     fillStyle: undefined
   })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer(),
   vertexStyle: vertexStyle
 })
-SketchEditorLeaflet.start(SketchDataType.POINT) // 绘制点
-SketchEditorLeaflet.start(SketchDataType.POLYLINE) // 绘制线
-SketchEditorLeaflet.start(SketchDataType.POLYGON) // 绘制区</code></pre>
+sketchEditor.start(SketchDataType.POINT) // 绘制点
+sketchEditor.start(SketchDataType.POLYLINE) // 绘制线
+sketchEditor.start(SketchDataType.POLYGON) // 绘制区</code></pre>
     
 
 
@@ -2741,9 +2761,14 @@ SketchEditorLeaflet.start(SketchDataType.POLYGON) // 绘制区</code></pre>
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { SketchEditorLeaflet } = Zondy
+const { Color } = zondy
+const { SketchDataType } = zondy.enum
+const { SimpleMarkerSymbol } = zondy.symbol
+const { SketchStyle } = zondy.tool.sketch
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { SketchStyle, SimpleMarkerSymbol, Color, SketchDataType} from "@mapgis/webclient-common" &lt;br/>
 import SketchEllipseDrawTool from "./SketchEllipseDrawTool" &lt;br/>
 var map = new Map()
@@ -2760,12 +2785,12 @@ var sketchStyle = new SketchStyle({
     lineStyle: undefined,
     fillStyle: undefined
   })
-var sketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer(),
   vertexStyle: vertexStyle
 })
-sketchEditorLeaflet.startCustomDrawTool(SketchEllipseDrawTool, "ellipse") // 绘制椭圆</code></pre>
+sketchEditor.startCustomDrawTool(SketchEllipseDrawTool, "ellipse") // 绘制椭圆</code></pre>
     
 
 
@@ -2985,7 +3010,10 @@ sketchEditorLeaflet.startCustomDrawTool(SketchEllipseDrawTool, "ellipse") // 绘
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { MapView, SketchEditorLeaflet, Polygon, LineString, SketchDataType } = Zondy
+const { Polygon, LineString } = zondy.geometry
+const { MapView } = zondy.leaflet
+const { SketchDataType } = zondy.enum
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
 import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { Polygon, LineString, SketchDataType } from "@mapgis/webclient-common" &lt;br/>
@@ -2994,13 +3022,13 @@ var mapView = new MapView({
   viewId: "mapgis-2d-viewer",
   map: map,
 })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer()
 })
-SketchEditorLeaflet.start(SketchDataType.POLYGON)
-console.log("是否可以进行撤销操作：" + this.SketchEditorLeaflet.canUndo())
-const geometry = this.SketchEditorLeaflet.undo()
+sketchEditor.start(SketchDataType.POLYGON)
+console.log("是否可以进行撤销操作：" + sketchEditor.canUndo())
+const geometry = sketchEditor.undo()
 console.log("恢复后的几何对象" + geometry)</code></pre>
     
 
@@ -3186,16 +3214,18 @@ console.log("恢复后的几何对象" + geometry)</code></pre>
     
     
         <pre class="prettyprint"><code>// [ES5引入方式]：
-const { MapView, SketchEditorLeaflet, polygon } = Zondy
+const { Polygon } = zondy.geometry
+const { MapView } = zondy.leaflet
+const { SketchEditor } = zondy.leaflet.tool.sketch
 [ES6引入方式]：
-import { MapView, SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
+import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" &lt;br/>
 import { polygon } from "@mapgis/webclient-common" &lt;br/>
 var map = new Map()
 var mapView = new MapView({
   viewId: "mapgis-2d-viewer",
   map: map,
 })
-var SketchEditorLeaflet = new SketchEditorLeaflet({
+var sketchEditor = new SketchEditor({
   view: mapView,
   layer: new GraphicsLayer()
 })
@@ -3222,7 +3252,7 @@ const polygon1 = new Polygon({
   ]
 })
 const polygons = [polygon,polygon1]
-SketchEditorLeaflet.union(polygons)</code></pre>
+sketchEditor.union(polygons)</code></pre>