@mapgis/webclient-leaflet-plugin 17.0.7 → 17.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -39
- package/dist/es5/webclient-common.min.js +15 -4
- package/dist/es5/webclient-leaflet-plugin.min.js +6 -6
- package/dist/webclient-leaflet-plugin-es6.min.js +8 -8
- package/documention/ArcGISMapImageLayer.html +820 -0
- package/documention/ArcGISTileLayer.html +498 -0
- package/documention/EchartsLayer.html +261 -0
- package/documention/FeatureLayer.html +212 -0
- package/documention/FeatureLayerUtil.html +288 -0
- package/documention/IGSMapImageLayer.html +948 -0
- package/documention/IGSTileLayer.html +562 -0
- package/documention/MapLayer.html +330 -0
- package/documention/MapVLayer.html +320 -0
- package/documention/MapViewLeaflet.html +7 -7
- package/documention/Popup.html +4 -2
- package/documention/Screenshot.html +5 -143
- package/documention/SketchEditorLeaflet.html +106 -47
- package/documention/TileLayer.html +279 -0
- package/documention/TileLayerWMS.html +222 -0
- package/documention/VectorTileLayer.html +529 -0
- package/documention/WMSLayerView.html +689 -0
- package/documention/WebMapServiceLayer.html +723 -0
- package/documention/WebMapTileServiceLayer.html +754 -0
- package/documention/WebTileLayer.html +663 -0
- package/documention/Zondy.ThemeLayer.GeoFeatureThemeLayer.html +22 -22
- package/documention/Zondy.ThemeLayer.GraphThemeLayer.html +30 -30
- package/documention/Zondy.ThemeLayer.RandomThemeLayer.html +34 -34
- package/documention/Zondy.ThemeLayer.ThemeLayer.html +3 -3
- package/documention/Zondy.ThemeLayer.rangeThemeLayer.html +34 -34
- package/documention/Zondy.ThemeLayer.rankSymbolThemeLayer.html +47 -47
- package/documention/Zondy.ThemeLayer.simpleThemeLayer.html +33 -33
- package/documention/Zondy.ThemeLayer.uniqueThemeLayer.html +30 -30
- package/documention/Zondy.Widget.html +5 -5
- package/documention/global.html +454 -0
- package/documention/index.html +6 -6
- package/documention/scripts/sideBar.js +16 -2
- package/package.json +6 -6
|
@@ -1172,7 +1172,7 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
|
|
|
1172
1172
|
<p class="code-caption"><h7 id='MapViewLeaflet'>初始化一个二维场景视图</h7></p>
|
|
1173
1173
|
|
|
1174
1174
|
|
|
1175
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
1176
1175
|
// 二维场景视图的容器(html的div标签)ID
|
|
1177
1176
|
viewId: "二维场景视图的容器的id",
|
|
1178
1177
|
// 图层管理容器
|
|
1179
1178
|
map: map
|
|
1179
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
1180
1180
|
// 二维场景视图的容器(html的div标签)ID
|
|
1181
1181
|
viewId: "二维场景视图的容器的id",
|
|
1182
1182
|
// 图层管理容器
|
|
1183
1183
|
map: map
|
|
1184
1184
|
|
|
1185
1185
|
|
|
1186
1186
|
|
|
@@ -4074,19 +4074,19 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
|
|
|
4074
4074
|
<p class="code-caption"><h7>中心点跳转示例</h7></p>
|
|
4075
4075
|
|
|
4076
4076
|
|
|
4077
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
4078
4077
|
// 视图id
|
|
4079
4078
|
viewId: "view-id",
|
|
4080
4079
|
// 图层管理容器
|
|
4081
4080
|
map: map
|
|
4082
4081
|
// 跳转中心点
|
|
4083
4082
|
center: [{x}, {y}],
|
|
4084
4083
|
// 地图层级
|
|
4085
4084
|
zoom: {zoom}
|
|
4085
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
4086
4086
|
// 视图id
|
|
4087
4087
|
viewId: "view-id",
|
|
4088
4088
|
// 图层管理容器
|
|
4089
4089
|
map: map
|
|
4090
4090
|
// 跳转中心点
|
|
4091
4091
|
center: [{x}, {y}],
|
|
4092
4092
|
// 地图层级
|
|
4093
4093
|
zoom: {zoom}
|
|
4094
4094
|
|
|
4095
4095
|
|
|
4096
4096
|
<p class="code-caption"><h7>按范围跳转示例</h7></p>
|
|
4097
4097
|
|
|
4098
4098
|
|
|
4099
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
4100
4099
|
// 视图id
|
|
4101
4100
|
viewId: "view-id",
|
|
4102
4101
|
// 图层管理容器
|
|
4103
4102
|
map: map
|
|
4104
4103
|
// 范围几何
|
|
4105
4104
|
extent: new Extent({
|
|
4106
4105
|
"xmin":10,
|
|
4107
4106
|
"xmax":210,
|
|
4108
4107
|
"ymin":0,
|
|
4109
4108
|
"ymax":100,
|
|
4110
4109
|
})
|
|
4110
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
4111
4111
|
// 视图id
|
|
4112
4112
|
viewId: "view-id",
|
|
4113
4113
|
// 图层管理容器
|
|
4114
4114
|
map: map
|
|
4115
4115
|
// 范围几何
|
|
4116
4116
|
extent: new Extent({
|
|
4117
4117
|
"xmin":10,
|
|
4118
4118
|
"xmax":210,
|
|
4119
4119
|
"ymin":0,
|
|
4120
4120
|
"ymax":100,
|
|
4121
4121
|
})
|
|
4122
4122
|
|
|
4123
4123
|
|
|
4124
4124
|
<p class="code-caption"><h7>按范围跳转示例-拿到图层信息后跳转</h7></p>
|
|
4125
4125
|
|
|
4126
4126
|
|
|
4127
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
4128
4127
|
url: 'http://webclient.smaryun.com:8089/igs/rest/services/Map/Hubei4326/MapServer'
|
|
4129
4128
|
console.log("加载完毕:", result.layer)
|
|
4130
4129
|
//视点跳转
|
|
4131
4130
|
mapView.flyTo({
|
|
4132
4131
|
extent: result.layer.extent
|
|
4133
4132
|
});
|
|
4133
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
4134
4134
|
url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
|
|
4135
4135
|
console.log("加载完毕:", result.layer)
|
|
4136
4136
|
//视点跳转
|
|
4137
4137
|
mapView.flyTo({
|
|
4138
4138
|
extent: result.layer.extent
|
|
4139
4139
|
});
|
|
4140
4140
|
|
|
4141
4141
|
|
|
4142
4142
|
|
|
@@ -5863,13 +5863,13 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
|
|
|
5863
5863
|
<p class="code-caption"><h7>中心点跳转示例</h7></p>
|
|
5864
5864
|
|
|
5865
5865
|
|
|
5866
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
5867
5866
|
// 视图id
|
|
5868
5867
|
viewId: "view-id",
|
|
5869
5868
|
// 图层管理容器
|
|
5870
5869
|
map: map
|
|
5871
5870
|
// 跳转中心点
|
|
5872
5871
|
center: [115.47643872463577, 30.980700423496124],
|
|
5873
5872
|
// 地图层级
|
|
5874
5873
|
zoom: 8
|
|
5874
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
5875
5875
|
// 视图id
|
|
5876
5876
|
viewId: "view-id",
|
|
5877
5877
|
// 图层管理容器
|
|
5878
5878
|
map: map
|
|
5879
5879
|
// 跳转中心点
|
|
5880
5880
|
center: [115.47643872463577, 30.980700423496124],
|
|
5881
5881
|
// 地图层级
|
|
5882
5882
|
zoom: 8
|
|
5883
5883
|
|
|
5884
5884
|
|
|
5885
5885
|
<p class="code-caption"><h7>按范围跳转示例</h7></p>
|
|
5886
5886
|
|
|
5887
5887
|
|
|
5888
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
5889
5888
|
// 视图id
|
|
5890
5889
|
viewId: "view-id",
|
|
5891
5890
|
// 图层管理容器
|
|
5892
5891
|
map: map
|
|
5893
5892
|
xmin: 111.88463529230717,
|
|
5894
5893
|
ymin: 28.646934514163803,
|
|
5895
5894
|
xmax: 116.89989408129225,
|
|
5896
5895
|
ymax: 33.07991791253288,
|
|
5897
5896
|
center: [111, 29],
|
|
5898
5897
|
radius: 100,
|
|
5899
5898
|
radiusUnit: "kilometers",
|
|
5900
5899
|
.goTo({
|
|
5901
5900
|
target: [extent1, geometry2],
|
|
5902
5901
|
})
|
|
5903
5902
|
.then(() => {
|
|
5904
5903
|
console.log("gotoExtent callback")
|
|
5905
5904
|
})</code></pre>
|
|
5905
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
5906
5906
|
// 视图id
|
|
5907
5907
|
viewId: "view-id",
|
|
5908
5908
|
// 图层管理容器
|
|
5909
5909
|
map: map
|
|
5910
5910
|
xmin: 111.88463529230717,
|
|
5911
5911
|
ymin: 28.646934514163803,
|
|
5912
5912
|
xmax: 116.89989408129225,
|
|
5913
5913
|
ymax: 33.07991791253288,
|
|
5914
5914
|
center: [111, 29],
|
|
5915
5915
|
radius: 100,
|
|
5916
5916
|
radiusUnit: "kilometers",
|
|
5917
5917
|
.goTo({
|
|
5918
5918
|
target: [extent1, geometry2],
|
|
5919
5919
|
})
|
|
5920
5920
|
.then(() => {
|
|
5921
5921
|
console.log("gotoExtent callback")
|
|
5922
5922
|
})</code></pre>
|
|
5923
5923
|
|
|
5924
5924
|
|
|
5925
5925
|
|
|
@@ -6471,7 +6471,7 @@ import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p>
|
|
|
6471
6471
|
<p class="code-caption"><h7>屏幕快照</h7></p>
|
|
6472
6472
|
|
|
6473
6473
|
|
|
6474
|
-
<pre class="prettyprint"><code>// ES5引入方式
|
|
6475
6474
|
// 二维场景视图的容器(html的div标签)ID
|
|
6476
6475
|
viewId: "二维场景视图的容器的id",
|
|
6477
6476
|
// 图层管理容器
|
|
6478
6477
|
map: map
|
|
6479
6478
|
format: PictureFormat.png
|
|
6480
6479
|
// 获取base64格式的url字符串
|
|
6481
6480
|
console.log("dataUrl:", result.dataUrl)
|
|
6481
|
+
<pre class="prettyprint"><code>// ES5引入方式
|
|
6482
6482
|
// 二维场景视图的容器(html的div标签)ID
|
|
6483
6483
|
viewId: "二维场景视图的容器的id",
|
|
6484
6484
|
// 图层管理容器
|
|
6485
6485
|
map: map
|
|
6486
6486
|
format: PictureFormat.png
|
|
6487
6487
|
// 获取base64格式的url字符串
|
|
6488
6488
|
console.log("dataUrl:", result.dataUrl)
|
|
6489
6489
|
|
|
6490
6490
|
|
|
6491
6491
|
|
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.leaflet
|
|
380
381
|
// ES6引入方式
|
|
381
|
-
import {
|
|
382
|
+
import { MapView } from "@mapgis/webclient-leaflet-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.leaflet
|
|
283
|
+
const { Screenshot } = zondy.leaflet.tool
|
|
283
284
|
// ES6引入方式
|
|
284
|
-
import {
|
|
285
|
+
import { MapView, Screenshot } from "@mapgis/webclient-leaflet-plugin"
|
|
286
|
+
import { Map } from "@mapgis/webclient-common"
|
|
285
287
|
// 初始化图层管理容器
|
|
286
288
|
const map = new Map();
|
|
287
289
|
// 初始化地图视图对象
|
|
@@ -310,17 +312,6 @@ mapView.ui.add(screenshot)</code></pre>
|
|
|
310
312
|
</div>
|
|
311
313
|
|
|
312
314
|
|
|
313
|
-
<h3 class="subsection-title">继承关系</h3>
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
<ul>
|
|
319
|
-
<li><a link="Widget.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Widget" Widget.html>Widget</a></li>
|
|
320
|
-
</ul>
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
315
|
|
|
325
316
|
|
|
326
317
|
|
|
@@ -934,135 +925,6 @@ mapView.ui.add(screenshot)</code></pre>
|
|
|
934
925
|
|
|
935
926
|
|
|
936
927
|
|
|
937
|
-
<div class='vertical-section'>
|
|
938
|
-
<h3 id='function'>方法</h3>
|
|
939
|
-
<h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
|
|
940
|
-
<div class="members">
|
|
941
|
-
<div class="table-container">
|
|
942
|
-
<table class="params table">
|
|
943
|
-
<thead>
|
|
944
|
-
<tr>
|
|
945
|
-
<th>名称</th>
|
|
946
|
-
<th>返回值类型</th>
|
|
947
|
-
<th>描述</th>
|
|
948
|
-
</tr>
|
|
949
|
-
</thead>
|
|
950
|
-
<tbody>
|
|
951
|
-
|
|
952
|
-
<tr class="deep-level-0">
|
|
953
|
-
<td class="name"><code><a href="#destroy">destroy</a></code></td>
|
|
954
|
-
<td class="name">
|
|
955
|
-
<code>
|
|
956
|
-
|
|
957
|
-
</code>
|
|
958
|
-
</td>
|
|
959
|
-
<td class="name"><code><p>销毁控件</p></code></td>
|
|
960
|
-
</tr>
|
|
961
|
-
|
|
962
|
-
</tbody>
|
|
963
|
-
</table>
|
|
964
|
-
</div>
|
|
965
|
-
<h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
|
|
966
|
-
|
|
967
|
-
<div class="member">
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
<h4 class="name" id="destroy">
|
|
972
|
-
<a class="href-link" href="#destroy">#</a>
|
|
973
|
-
|
|
974
|
-
<span class="code-name" id="destroy" style="font-size:30px">
|
|
975
|
-
|
|
976
|
-
destroy<span class="signature">()</span>
|
|
977
|
-
|
|
978
|
-
</span>
|
|
979
|
-
</h4>
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
<div class="description">
|
|
984
|
-
<p>销毁控件</p>
|
|
985
|
-
</div>
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
<dl class="details">
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
<dt class="inherited-from">Inherited From:</dt>
|
|
1008
|
-
<dd class="inherited-from"><ul class="dummy"><li>
|
|
1009
|
-
<a goto="destroy" link="Widget.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Widget#destroy" Widget.html#destroy>Widget#destroy</a>
|
|
1010
|
-
</li></ul></dd>
|
|
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
|
-
</dl>
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
</div>
|
|
1062
|
-
|
|
1063
|
-
</div>
|
|
1064
|
-
</div>
|
|
1065
|
-
|
|
1066
928
|
|
|
1067
929
|
|
|
1068
930
|
|