Skip to content

Commit fa4b5bd

Browse files
gyj12gyj12
committed
Leaflet部分：几何图元示例检查及纠正，arcgis底图接口丰富
1 parent 4e44045 commit fa4b5bd

13 files changed

Lines changed: 1492 additions & 616 deletions

‎demo/leaflet/example/geometry/graphic/drawfeatures.htm‎

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>交互绘制图形</title>
66
<script include="draw" src="../../libs/zondyclient/include-leaflet-local.js"></script>
77
<style>
@@ -13,7 +13,7 @@
1313
"use strict";
1414

1515
/**显示地图
16-
*/
16+
*/
1717
function init() {
1818
//地图容器
1919
var map = L.map('leaf_map', {
@@ -31,14 +31,22 @@
3131
//maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
3232
});
3333
//矢量图层
34-
var layer1 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
35-
attribution: 'Tianditu矢量',
36-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
34+
var layer1 = new Zondy.Map.TDTLayer({
35+
//图层类型，必选
36+
layerType: 'vec',
37+
//设置地图不连续显示，可选
38+
noWrap: true,
39+
//key，必选
40+
token: "4c27d6e0e8a90715b23a989d42272fd8"
3741
});
3842
//矢量注记图层
39-
var layer2 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}', {
40-
attribution: 'Tianditu注记',
41-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
43+
var layer2 = new Zondy.Map.TDTLayer({
44+
//图层类型，必选
45+
layerType: 'cva',
46+
//设置地图不连续显示，可选
47+
noWrap: true,
48+
//key，必选
49+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4250
});
4351
var LayerG = L.layerGroup([layer1, layer2]);
4452
//添加图层组
@@ -77,8 +85,8 @@
7785
map.on(L.Draw.Event.CREATED, function (e) {
7886
//获取标注的类型
7987
var type = e.layerType,
80-
//获取绘制图层
81-
drawlayer = e.layer;
88+
//获取绘制图层
89+
drawlayer = e.layer;
8290
if (type === 'marker') {
8391
//显示Popup
8492
drawlayer.bindPopup('A popup!');
@@ -90,6 +98,6 @@
9098
</script>
9199
</head>
92100
<body onload="init()">
93-
<div id="leaf_map" style="width:100%;height:95%"></div>
101+
<div id="leaf_map" style="width:100%;height:95%"></div>
94102
</body>
95103
</html>

‎demo/leaflet/example/geometry/graphic/drawlinearrows.htm‎

Lines changed: 20 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>绘制其他要素</title>
66
<script include="arrow" src="../../libs/zondyclient/include-leaflet-local.js"></script>
77
<style>
@@ -18,7 +18,7 @@
1818
var drawnItems = new L.FeatureGroup();
1919

2020
/**显示地图
21-
*/
21+
*/
2222
function init() {
2323
//地图容器
2424
map = L.map('leaf_map', {
@@ -36,14 +36,22 @@
3636
//maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
3737
});
3838
//矢量图层
39-
var layer1 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
40-
attribution: 'Tianditu矢量',
41-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
39+
var layer1 = new Zondy.Map.TDTLayer({
40+
//图层类型，必选
41+
layerType: 'vec',
42+
//设置地图不连续显示，可选
43+
noWrap: true,
44+
//key，必选
45+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4246
});
4347
//矢量注记图层
44-
var layer2 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}', {
45-
attribution: 'Tianditu注记',
46-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
48+
var layer2 = new Zondy.Map.TDTLayer({
49+
//图层类型，必选
50+
layerType: 'cva',
51+
//设置地图不连续显示，可选
52+
noWrap: true,
53+
//key，必选
54+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4755
});
4856
var LayerG = L.layerGroup([layer1, layer2]);
4957
//添加图层组
@@ -193,9 +201,9 @@
193201
}).addTo(drawnItems);
194202
//线要素点集
195203
var multiCoords1 = [
196-
[[-27.5468, -70.7910], [-28.8068, -70.1318], [-29.1242, -69.6699], [-29.4966, -67.2958], [-11.4266, -68.8564], [-11.7542, -68.1093]],
197-
[[-28.0193, -72.8125], [-26.3165, -72.8564], [-24.9336, -71.0107], [-24.5278, -69.5820], [-24.8714, -67.7353], [-25.8287, -65.1855], [-28.1953, -65.1416]],
198-
[[-25.9205, -70.4394], [-26.7699, -70.9228], [-27.6061, -68.5488], [-27.7540, -67.3837]]
204+
[[-27.5468, -70.7910], [-28.8068, -70.1318], [-29.1242, -69.6699], [-29.4966, -67.2958], [-11.4266, -68.8564], [-11.7542, -68.1093]],
205+
[[-28.0193, -72.8125], [-26.3165, -72.8564], [-24.9336, -71.0107], [-24.5278, -69.5820], [-24.8714, -67.7353], [-25.8287, -65.1855], [-28.1953, -65.1416]],
206+
[[-25.9205, -70.4394], [-26.7699, -70.9228], [-27.6061, -68.5488], [-27.7540, -67.3837]]
199207
];
200208
var plArray = [];
201209
for (var i = 0; i < multiCoords1.length; i++) {
@@ -230,6 +238,6 @@
230238
</script>
231239
</head>
232240
<body onload="init()">
233-
<div id="leaf_map" style="width:100%;height:95%"></div>
241+
<div id="leaf_map" style="width:100%;height:95%"></div>
234242
</body>
235243
</html>

‎demo/leaflet/example/geometry/graphic/featuresstyle.htm‎

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>图形样式编辑</title>
66
<script src="../../libs/zondyclient/include-leaflet-local.js"></script>
77
<style>
@@ -17,7 +17,7 @@
1717
var drawnItems = new L.FeatureGroup();
1818

1919
/**显示地图
20-
*/
20+
*/
2121
function init() {
2222
//地图容器
2323
map = L.map('leaf_map', {
@@ -35,14 +35,22 @@
3535
//maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
3636
});
3737
//矢量图层
38-
var layer1 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
39-
attribution: 'Tianditu矢量',
40-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
38+
var layer1 = new Zondy.Map.TDTLayer({
39+
//图层类型，必选
40+
layerType: 'vec',
41+
//设置地图不连续显示，可选
42+
noWrap: true,
43+
//key，必选
44+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4145
});
4246
//矢量注记图层
43-
var layer2 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}', {
44-
attribution: 'Tianditu注记',
45-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
47+
var layer2 = new Zondy.Map.TDTLayer({
48+
//图层类型，必选
49+
layerType: 'cva',
50+
//设置地图不连续显示，可选
51+
noWrap: true,
52+
//key，必选
53+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4654
});
4755
var LayerG = L.layerGroup([layer1, layer2]);
4856
//添加图层组
@@ -84,8 +92,8 @@
8492
</script>
8593
</head>
8694
<body onload="init()">
87-
<div id="leaf_map" style="width:100%;height:95%">
95+
<div id="leaf_map" style="width:100%;height:95%">
8896

89-
</div>
97+
</div>
9098
</body>
9199
</html>

‎demo/leaflet/example/geometry/graphic/getgeometryinfo.htm‎

Lines changed: 31 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>获取几何信息</title>
66
<script include="draw" src="../../libs/zondyclient/include-leaflet-local.js"></script>
77
<style>
@@ -13,7 +13,7 @@
1313
"use strict";
1414

1515
/**显示地图
16-
*/
16+
*/
1717
function init() {
1818
//地图容器
1919
var map = L.map('leaf_map', {
@@ -31,14 +31,22 @@
3131
//maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
3232
});
3333
//矢量图层
34-
var layer1 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
35-
attribution: 'Tianditu矢量',
36-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
34+
var layer1 = new Zondy.Map.TDTLayer({
35+
//图层类型，必选
36+
layerType: 'vec',
37+
//设置地图不连续显示，可选
38+
noWrap: true,
39+
//key，必选
40+
token: "4c27d6e0e8a90715b23a989d42272fd8"
3741
});
3842
//矢量注记图层
39-
var layer2 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}', {
40-
attribution: 'Tianditu注记',
41-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
43+
var layer2 = new Zondy.Map.TDTLayer({
44+
//图层类型，必选
45+
layerType: 'cva',
46+
//设置地图不连续显示，可选
47+
noWrap: true,
48+
//key，必选
49+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4250
});
4351
var LayerG = L.layerGroup([layer1, layer2]);
4452
//添加图层组
@@ -82,8 +90,8 @@
8290
map.on(L.Draw.Event.CREATED, function (e) {
8391
//获取绘制图形类型
8492
var type = e.layerType,
85-
//获取绘制图层
86-
drawlayer = e.layer;
93+
//获取绘制图层
94+
drawlayer = e.layer;
8795
if (type === 'marker') {
8896
//显示Popup
8997
drawlayer.bindPopup('A popup!');
@@ -101,7 +109,7 @@
101109
}
102110
}
103111
}
104-
//获取多边形几何信息
112+
//获取多边形几何信息
105113
else if (type == 'polygon') {
106114
if (drawlayer._latlngs[0].length > 0) {
107115
for (var latlngslength = 0; latlngslength < drawlayer._latlngs[0].length; latlngslength++) {
@@ -110,7 +118,7 @@
110118
}
111119
}
112120
}
113-
//获取矩形几何信息
121+
//获取矩形几何信息
114122
else if (type == 'rectangle') {
115123
if (drawlayer._latlngs[0].length) {
116124
for (var latlngslength = 0; latlngslength < drawlayer._latlngs[0].length; latlngslength++) {
@@ -119,21 +127,21 @@
119127
}
120128
}
121129
}
122-
//获取圆几何信息
130+
//获取圆几何信息
123131
else if (type == 'circle') {
124132
if (drawlayer._radius > 0) {
125133
//获取几何信息
126134
latlngsStr += "<font>圆心坐标：" + drawlayer._latlng.lat + "," + drawlayer._latlng.lng + "</font><br>" + "<font>半径：" + drawlayer._radius + "</font>"
127135
}
128136
}
129-
//获取标记几何信息
137+
//获取标记几何信息
130138
else if (type == 'marker') {
131139
if (drawlayer._latlng != "" && drawlayer._latlng != null && drawlayer._latlng != undefined) {
132140
//获取几何信息
133141
latlngsStr += "<font>" + drawlayer._latlng.lat + "," + drawlayer._latlng.lng + "</font><br>"
134142
}
135143
}
136-
//获取圆标记几何信息
144+
//获取圆标记几何信息
137145
else if (type == 'circlemarker') {
138146
if (drawlayer._latlng != "" && drawlayer._latlng != null && drawlayer._latlng != undefined) {
139147
//获取几何信息
@@ -147,14 +155,14 @@
147155
</script>
148156
</head>
149157
<body onload="init()">
150-
<div id="leaf_map" style="width:100%;height:95%;z-index:0;"></div>
151-
<div id="info" style="position: absolute; top: 0px; right: 10px; height: 200px; width: 300px; z-index: 1; border: solid 1px;background-color:white;">
152-
<font>
153-
图形几何信息如下：
154-
</font>
155-
<br>
156-
<div id="result" style="height: 100px; font-family: 微软雅黑; font-size: 14px; font-weight: bold;">
157-
</div>
158+
<div id="leaf_map" style="width:100%;height:95%;z-index:0;"></div>
159+
<div id="info" style="position: absolute; top: 0px; right: 10px; height: 200px; width: 300px; z-index: 1; border: solid 1px;background-color:white;">
160+
<font>
161+
图形几何信息如下：
162+
</font>
163+
<br>
164+
<div id="result" style="height: 100px; font-family: 微软雅黑; font-size: 14px; font-weight: bold;">
158165
</div>
166+
</div>
159167
</body>
160168
</html>

‎demo/leaflet/example/geometry/graphic/graphicdrawbycircle.htm‎

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>坐标添加圆</title>
66
<script src="../../libs/zondyclient/include-leaflet-local.js"></script>
77
<style>
@@ -13,7 +13,7 @@
1313
"use strict";
1414

1515
/**显示地图
16-
*/
16+
*/
1717
function init() {
1818
//地图容器
1919
var map = L.map('leaf_map', {
@@ -31,14 +31,22 @@
3131
//maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
3232
});
3333
//矢量图层
34-
var layer1 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}', {
35-
attribution: 'Tianditu矢量',
36-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
34+
var layer1 = new Zondy.Map.TDTLayer({
35+
//图层类型，必选
36+
layerType: 'vec',
37+
//设置地图不连续显示，可选
38+
noWrap: true,
39+
//key，必选
40+
token: "4c27d6e0e8a90715b23a989d42272fd8"
3741
});
3842
//矢量注记图层
39-
var layer2 = L.tileLayer('http://t{s}.tianditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}', {
40-
attribution: 'Tianditu注记',
41-
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
43+
var layer2 = new Zondy.Map.TDTLayer({
44+
//图层类型，必选
45+
layerType: 'cva',
46+
//设置地图不连续显示，可选
47+
noWrap: true,
48+
//key，必选
49+
token: "4c27d6e0e8a90715b23a989d42272fd8"
4250
});
4351
var LayerG = L.layerGroup([layer1, layer2]);
4452
//添加图层组
@@ -62,6 +70,6 @@
6270
</script>
6371
</head>
6472
<body onload="init()">
65-
<div id="leaf_map" style="width:100%;height:95%"></div>
73+
<div id="leaf_map" style="width:100%;height:95%"></div>
6674
</body>
6775
</html>

0 commit comments

Comments
 (0)