Skip to content

Commit 9dde4bb

Browse files
weenshunweenshun
authored
Add files via upload
添加测试代码
1 parent 35e9a4a commit 9dde4bb

File tree

5 files changed

+431
-0
lines changed

5 files changed

+431
-0
lines changed

‎examples/leaflet/00_WMTS_Arcgis_Layer_NAServer_v1.html‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8">
8+
<title>温榆河公园-嵌套图层</title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
<!-- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>-->
11+
</head>
12+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
13+
<input type="button" onclick="RouteSolve()" value="路径分析"/>
14+
<input type="button" onclick="projectTrance()" value="转换坐标"/>
15+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
16+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
17+
<script type="text/javascript">
18+
19+
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
20+
var map, url = host + "/iserver/services/map-china400/rest/maps/China";
21+
map = L.map('map', {
22+
center: [40.07,116.46],
23+
maxZoom: 20,
24+
zoom: 15
25+
});
26+
L.supermap.tiledMapLayer(url).addTo(map);
27+
28+
L.supermap.wmtsLayer("http://116.117.157.183:25599/wenyuhe_baidu/MapServer/WMTS",
29+
// L.supermap.wmtsLayer("http://116.117.157.183:25597/arcgis/rest/services/wyh/wenyuhe_baidu/MapServer/WMTS",
30+
{
31+
layer: "wenyuhe_baidu",
32+
style: "default",
33+
tilematrixSet: "default028mm",
34+
format: "image/jpgpng",
35+
opacity:1,
36+
requestEncoding: 'KVP'
37+
}
38+
).addTo(map);
39+
/**
40+
* 坐标转换
41+
*/
42+
function projectTrance(){
43+
var projection = L.CRS.EPSG3857.projection;
44+
var latlng=projection.project(L.latLng(40.0756594477,116.458870653));
45+
console.log(latlng);
46+
var latlng1=projection.unproject(L.point(12963918.991365522,4877080.510116231));
47+
console.log(latlng1);
48+
var latlng2=projection.unproject(L.point(12964004.983022345,4877333.707772432));
49+
console.log(latlng2);
50+
}
51+
/**
52+
* 最优路径查询
53+
* @constructor
54+
*/
55+
function RouteSolve() {
56+
// var url = 'http://116.117.157.183:25597/arcgis/rest/services/wyh/networkAnalyst/NAServer/Route/solve';
57+
var url = 'http://116.117.157.183:25599/networkAnalyst/NAServer/Route/solve';
58+
var data={stops:[[116.45905440286576,40.07801667086068],[116.45643656686717,40.0763419393556]],
59+
ignoreInvalidLocations: true, returnDirections: false,
60+
impedanceAttributeName: 'Length',
61+
restrictUTurns: 'esriNFSBAllowBacktrack',
62+
returnRoutes: true,outSR:'4326',
63+
outputLines: 'esriNAOutputLineTrueShape',
64+
directionsOutputType: 'esriDOTComplete',
65+
f: 'pjson'};
66+
67+
//
68+
$.ajax({
69+
dataType: 'json',
70+
data:data,
71+
url: url,
72+
success: function (result) {
73+
var latlngs=result.routes.features[0].geometry.paths[0];
74+
var lnglatArr=new Array();
75+
for(var i=0;i<latlngs.length;i++){
76+
var arr=new Array(latlngs[i][1],latlngs[i][0]);
77+
lnglatArr.push(arr);
78+
}
79+
var polyline = L.polyline(lnglatArr, {color: 'red'}).addTo(map);
80+
map.fitBounds(polyline.getBounds());
81+
},
82+
error: function (jqXHR, status, errorThrown) {
83+
console.log(status, errorThrown);
84+
}
85+
});
86+
}
87+
88+
</script>
89+
</body>
90+
</html>

‎examples/leaflet/00_WMTS_Arcgis_Layer_NAServer_v2.html‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8">
8+
<title>温榆河公园-嵌套图层</title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
<!-- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>-->
11+
</head>
12+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
13+
<input type="button" onclick="RouteSolve()" value="路径分析"/>
14+
<input type="button" onclick="projectTrance()" value="转换坐标"/>
15+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
16+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
17+
<script type="text/javascript">
18+
19+
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
20+
var map, url = host + "/iserver/services/map-china400/rest/maps/China";
21+
map = L.map('map', {
22+
center: [40.07,116.46],
23+
maxZoom: 20,
24+
zoom: 15
25+
});
26+
L.supermap.tiledMapLayer(url).addTo(map);
27+
28+
L.supermap.wmtsLayer("http://116.117.157.183:25599/wenyuhe_baidu/MapServer/WMTS",
29+
// L.supermap.wmtsLayer("http://116.117.157.183:25597/arcgis/rest/services/wyh/wenyuhe_baidu/MapServer/WMTS",
30+
{
31+
layer: "wenyuhe_baidu",
32+
style: "default",
33+
tilematrixSet: "default028mm",
34+
format: "image/jpgpng",
35+
opacity:1,
36+
requestEncoding: 'KVP'
37+
}
38+
).addTo(map);
39+
/**
40+
* 坐标转换
41+
*/
42+
function projectTrance(){
43+
var projection = L.CRS.EPSG3857.projection;
44+
var latlng=projection.project(L.latLng(40.0756594477,116.458870653));
45+
console.log(latlng);
46+
var latlng1=projection.unproject(L.point(12963918.991365522,4877080.510116231));
47+
console.log(latlng1);
48+
var latlng2=projection.unproject(L.point(12964004.983022345,4877333.707772432));
49+
console.log(latlng2);
50+
}
51+
/**
52+
* 最优路径查询
53+
* @constructor
54+
*/
55+
function RouteSolve() {
56+
var projection = L.CRS.EPSG3857.projection;
57+
var latlngS=projection.project(L.latLng(40.07958941310,116.46140178400));
58+
var latlngE=projection.project(L.latLng(40.07516150480,116.46120913200));
59+
// var url = 'http://116.117.157.183:25599/networkAnalyst/NAServer/Route/solve';
60+
// var url='http://116.117.157.183:25597/arcgis/rest/services/wyh/networkAnalyst/NAServer/Route/solve';
61+
var url = 'http://223.70.181.107:6083/wyh/networkAnalyst/NAServer/Route/solve';
62+
//投影坐标方式
63+
var data={stops:'{"type":"features","features":[' +
64+
'{"geometry":{"x":'+latlngS.x+',"y":'+latlngS.y+',"spatialReference":{"wkid":102100,"latestWkid":3857}}},' +
65+
'{"geometry":{"x":'+latlngE.x+',"y":'+latlngE.y+',"spatialReference":{"wkid":102100,"latestWkid":3857}}}],' +
66+
'"doNotLocateOnRestrictedElements":true}',
67+
ignoreInvalidLocations: true, returnDirections: false,
68+
impedanceAttributeName: 'Length',
69+
restrictUTurns: 'esriNFSBAllowBacktrack',
70+
returnRoutes: true,outSR:'4326',
71+
outputLines: 'esriNAOutputLineTrueShape',
72+
directionsOutputType: 'esriDOTComplete',
73+
f: 'pjson'};
74+
//经纬度方式
75+
// var data={stops:'{"type":"features","features":[{"geometry":{"x":116.46140178400,"y":40.07958941310,"spatialReference":{"wkid":4326}}},' +
76+
// '{"geometry":{"x":116.46120913200,"y":40.07516150480,"spatialReference":{"wkid":4326}}}],"doNotLocateOnRestrictedElements":true}',
77+
// ignoreInvalidLocations: true, returnDirections: false,
78+
// impedanceAttributeName: 'Length',
79+
// restrictUTurns: 'esriNFSBAllowBacktrack',
80+
// returnRoutes: true,outSR:'4326',
81+
// outputLines: 'esriNAOutputLineTrueShape',
82+
// directionsOutputType: 'esriDOTComplete',
83+
// f: 'pjson'};
84+
85+
//发送请求
86+
$.ajax({
87+
dataType: 'json',
88+
data:data,
89+
url: url,
90+
success: function (result) {
91+
var latlngs=result.routes.features[0].geometry.paths[0];
92+
console.log(latlngs);
93+
var lnglatArr=new Array();
94+
for(var i=0;i<latlngs.length;i++){
95+
var arr=new Array(latlngs[i][1],latlngs[i][0]);
96+
lnglatArr.push(arr);
97+
}
98+
console.log(lnglatArr);
99+
var polyline = L.polyline(lnglatArr, {color: 'red'}).addTo(map);
100+
map.fitBounds(polyline.getBounds());
101+
},
102+
error: function (jqXHR, status, errorThrown) {
103+
console.log(status, errorThrown);
104+
}
105+
});
106+
}
107+
108+
</script>
109+
</body>
110+
</html>

‎examples/leaflet/00_WMTS_Arcgis_Layer_v1.html‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8">
8+
<title>温榆河公园-嵌套图层</title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
<!-- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>-->
11+
</head>
12+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
13+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
14+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
15+
<script type="text/javascript">
16+
17+
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
18+
var map, url = host + "/iserver/services/map-china400/rest/maps/China";
19+
map = L.map('map', {
20+
center: [40.07,116.46],
21+
maxZoom: 22,
22+
zoom: 15
23+
});
24+
L.control.scale().addTo(map);
25+
// L.supermap.tiledMapLayer(url).addTo(map);
26+
L.supermap.wmtsLayer("http://223.70.181.107:6083/wyh/wenyuhe_/MapServer/WMTS",
27+
{
28+
maxZoom:19,
29+
layer: "wenyuhe",
30+
style: "default",
31+
tilematrixSet: "default028mm",
32+
format: "image/jpgpng",
33+
opacity:1,
34+
requestEncoding: 'KVP'
35+
}
36+
).addTo(map);
37+
38+
</script>
39+
</body>
40+
</html>

‎examples/leaflet/00_WMTS_Layer.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8">
8+
<title>温榆河公园-嵌套图层</title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
<!-- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>-->
11+
</head>
12+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
13+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
14+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
15+
<script type="text/javascript">
16+
17+
// var map;
18+
// //自定义比例尺
19+
// var crs=L.Proj.CRS("EPSG:3857", {
20+
// origin:[-20037508.34,20037508.34],
21+
// scaleDenominators:[559082264.02850163,279541132.01425034,139770566.00712562,69885283.003562346,34942641.501781173,17471320.750890587,8735660.3754452933,4367830.1877226466,2183915.0938617955,1091957.5469304253,545978.77346568508,272989.38673237007,136494.69336618503,68247.346683092517,34123.673341546259,17061.836671245605,8530.9183356228023,4265.4591673389286,2132.7295841419359,1066.3647915984968,503.82663472020585,251.91331736010292]
22+
// });
23+
//
24+
// map = L.map('map', {
25+
// center: [40.07,116.46],
26+
// maxZoom: 22,
27+
// zoom: 15,
28+
// crs:crs
29+
// });
30+
// L.control.scale().addTo(map);
31+
32+
// L.supermap.wmtsLayer("http://223.70.181.107:6083/wyh/wenyuhe/MapServer/WMTS",
33+
// {
34+
// maxZoom:20,
35+
// layer: "wenyuhe",
36+
// style: "default",
37+
// tilematrixSet: "default028mm",
38+
// format: "image/jpgpng",
39+
// opacity:1,
40+
// requestEncoding: 'KVP'
41+
// }
42+
// ).addTo(map);
43+
44+
http://10.32.5.18:6080/arcgis/rest/services/wyh/wenyuhe_500/MapServer/WMTS/tile/1.0.0/wyh_wenyuhe_500/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png
45+
46+
47+
var crs =L.Proj.CRS("EPSG:3857",{
48+
// origin: [12964874.08375, 4876626.52588],
49+
// bounds: L.bounds([12962796.043902915,4874100.4430881925],[12967045.795061948,4878350.194216478]),
50+
resolutions: [147924.14487249748, 73962.0724362486, 36981.03621812443, 18490.51810906209, 9245.259054531045, 4622.6295272655225, 2311.3147636327612, 1155.6573818163806, 577.8286909083153, 288.9143454540326, 144.4571727271413, 72.22858636344564, 36.11429318172282, 18.05714659086141, 9.028573295430705, 4.514286647840362, 2.257143323920181, 1.1285716618350818, 0.5642858310425494, 0.2821429153962664, 0.1333043970451819, 0.06665219852259095],
51+
});
52+
53+
let map = L.map('map', {
54+
crs:crs,
55+
center: [12964874.08375, 4876626.52588],
56+
maxZoom: 20,
57+
zoom: 15
58+
});
59+
60+
let extent = L.tileLayer.wms("http://223.70.181.107:6083/cache/service/wms", {
61+
layers: 'GD:wyh_wenyuhe_500',
62+
format: 'image/png',
63+
transparent: true
64+
}).addTo(map);
65+
66+
// L.supermap.wmtsLayer("http://223.70.181.107:6083/wyh/wenyuhe_500/MapServer/WMTS",
67+
// {
68+
// maxZoom:22,
69+
// layer: "wenyuhe_500",
70+
// style: "default",
71+
// tilematrixSet: "default028mm",
72+
// format: "image/png",
73+
// opacity:1,
74+
// requestEncoding: 'KVP'
75+
// }
76+
// ).addTo(map);
77+
78+
// http://223.70.181.107:6083/wyh/wenyuhe_500/MapServer/WMTS
79+
80+
// let bounds = [
81+
// [4875732, 12962563],
82+
// [4877838, 12962563],
83+
// ];
84+
// // http://223.70.181.107:6082/arcgis/rest/services/wyh/wenyuhe/MapServer/WMTS/tile/1.0.0/wyh_wenyuhe/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png
85+
//
86+
// L.tileLayer(
87+
// `http://223.70.181.107:6083/wyh/wenyuhe/MapServer/WMTS?layer=&style=&tilematrixset=EPSG 3857&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&TileMatrix=EPSG 3857:{z}&TileCol={x}&TileRow={y}`,
88+
// {
89+
// bounds//配置bounds属性之后，只会在指定的区域内加载切片服务，解决400问题，（现在可以正常捕捉图层加载异常）
90+
// //注意：因为配置了该属性只会在指定区域加载切片服务，所以用tileerror事件监听图层加载失败时，只有地图移动到这个范围内才会被监听到
91+
// }
92+
// ).addTo(map);
93+
94+
// xmax: 12967120.583248805
95+
// xmin: 12962563.02543718
96+
// ymax: 4877838.804579157
97+
// ymin: 4875732.008986991
98+
99+
// let bounds = [
100+
// [40.798808032020915, 107.81011442414682],
101+
// [40.79334985056709, 107.77521227880288],
102+
// ];
103+
// let map = L.map('map');
104+
// map.fitBounds(bounds);
105+
// L.tileLayer(
106+
// `http://ddns.zatxtech.com:8443/geoserver/gwc/service/wmts?layer=hjq-tif:hjq-mosaic&style=&tilematrixset=EPSG 3857&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&TileMatrix=EPSG 3857:{z}&TileCol={x}&TileRow={y}`,
107+
// {
108+
// bounds//配置bounds属性之后，只会在指定的区域内加载切片服务，解决400问题，（现在可以正常捕捉图层加载异常）
109+
// //注意：因为配置了该属性只会在指定区域加载切片服务，所以用tileerror事件监听图层加载失败时，只有地图移动到这个范围内才会被监听到
110+
// }
111+
// ).addTo(map);
112+
113+
</script>
114+
</body>
115+
</html>

0 commit comments

Comments
 (0)