怎么使用arcgis js api4.11添加天地图 坐标系4490
请教各位大神，怎么使用arcgis js api4.11添加天地图 坐标系4490，arcgis js api版本4.11，测试代码如下：（天地图tk更换一下）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>B</title>
<link rel="stylesheet" type="text/css" href="https://js.arcgisonline.cn/4.1 ... gt%3B
<link rel="stylesheet" type="text/css" href="https://js.arcgisonline.cn/4.1 ... gt%3B
<script type="text/javascript" src="https://js.arcgisonline.cn/4.1 ... gt%3B
<style>
html,
body,
#map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script>
require(["esri/Map",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/layers/support/TileInfo",
"dojo/domReady!"
], function(Map, MapView, WebTileLayer, TileInfo) {
var tileInfo = new TileInfo({
dpi: 90.71428571427429,
rows: 256,
cols: 256,
compressionQuality: 0,
origin: {
x: -180,
y: 90
},
spatialReference: {
wkid: 4490
},
lods: [{
level: 0,
levelValue: 1,
resolution: 0.703125,
scale: 295497593.05875003
}, {
level: 1,
levelValue: 2,
resolution: 0.3515625,
scale: 147748796.52937502
}, {
level: 2,
levelValue: 3,
resolution: 0.17578125,
scale: 73874398.264687508
}, {
level: 3,
levelValue: 4,
resolution: 0.087890625,
scale: 36937199.132343754
}, {
level: 4,
levelValue: 5,
resolution: 0.0439453125,
scale: 18468599.566171877
}, {
level: 5,
levelValue: 6,
resolution: 0.02197265625,
scale: 9234299.7830859385
}, {
level: 6,
levelValue: 7,
resolution: 0.010986328125,
scale: 4617149.8915429693
}, {
level: 7,
levelValue: 8,
resolution: 0.0054931640625,
scale: 2308574.9457714846
}, {
level: 8,
levelValue: 9,
resolution: 0.00274658203125,
scale: 1154287.4728857423
}, {
level: 9,
levelValue: 10,
resolution: 0.001373291015625,
scale: 577143.73644287116
}, {
level: 10,
levelValue: 11,
resolution: 0.0006866455078125,
scale: 288571.86822143558
}, {
level: 11,
levelValue: 12,
resolution: 0.00034332275390625,
scale: 144285.93411071779
}, {
level: 12,
levelValue: 13,
resolution: 0.000171661376953125,
scale: 72142.967055358895
}, {
level: 13,
levelValue: 14,
resolution: 8.58306884765625e-005,
scale: 36071.483527679447
}, {
level: 14,
levelValue: 15,
resolution: 4.291534423828125e-005,
scale: 18035.741763839724
}, {
level: 15,
levelValue: 16,
resolution: 2.1457672119140625e-005,
scale: 9017.8708819198619
}, {
level: 16,
levelValue: 17,
resolution: 1.0728836059570313e-005,
scale: 4508.9354409599309
}, {
level: 17,
levelValue: 18,
resolution: 5.3644180297851563e-006,
scale: 2254.4677204799655
}, {
level: 18,
levelValue: 19,
resolution: 2.68220901489257815e-006,
scale: 1127.23386023998275
}, {
level: 19,
levelValue: 20,
resolution: 1.341104507446289075e-006,
scale: 563.616930119991375
}]
});
var tdtUrl = "http://{subDomain}.tianditu.com/vec_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=vec&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=mytk"
//此处天地图的坐标系为CGCS2000
var tiledLayer = new WebTileLayer({
urlTemplate: tdtUrl,
subDomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
tileInfo: tileInfo,
spatialReference: {
wkid: 4490
} //重点在这一句,如果不指定,那么默认为102100,在前端就会报坐标系的错误
});
var map = new Map({
basemap: {
baseLayers: [tiledLayer]
}
});
var view = new MapView({
container: "map",
map: map
});
})
</script>
</head>
<body></body>
</html>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>B</title>
<link rel="stylesheet" type="text/css" href="https://js.arcgisonline.cn/4.1 ... gt%3B
<link rel="stylesheet" type="text/css" href="https://js.arcgisonline.cn/4.1 ... gt%3B
<script type="text/javascript" src="https://js.arcgisonline.cn/4.1 ... gt%3B
<style>
html,
body,
#map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script>
require(["esri/Map",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/layers/support/TileInfo",
"dojo/domReady!"
], function(Map, MapView, WebTileLayer, TileInfo) {
var tileInfo = new TileInfo({
dpi: 90.71428571427429,
rows: 256,
cols: 256,
compressionQuality: 0,
origin: {
x: -180,
y: 90
},
spatialReference: {
wkid: 4490
},
lods: [{
level: 0,
levelValue: 1,
resolution: 0.703125,
scale: 295497593.05875003
}, {
level: 1,
levelValue: 2,
resolution: 0.3515625,
scale: 147748796.52937502
}, {
level: 2,
levelValue: 3,
resolution: 0.17578125,
scale: 73874398.264687508
}, {
level: 3,
levelValue: 4,
resolution: 0.087890625,
scale: 36937199.132343754
}, {
level: 4,
levelValue: 5,
resolution: 0.0439453125,
scale: 18468599.566171877
}, {
level: 5,
levelValue: 6,
resolution: 0.02197265625,
scale: 9234299.7830859385
}, {
level: 6,
levelValue: 7,
resolution: 0.010986328125,
scale: 4617149.8915429693
}, {
level: 7,
levelValue: 8,
resolution: 0.0054931640625,
scale: 2308574.9457714846
}, {
level: 8,
levelValue: 9,
resolution: 0.00274658203125,
scale: 1154287.4728857423
}, {
level: 9,
levelValue: 10,
resolution: 0.001373291015625,
scale: 577143.73644287116
}, {
level: 10,
levelValue: 11,
resolution: 0.0006866455078125,
scale: 288571.86822143558
}, {
level: 11,
levelValue: 12,
resolution: 0.00034332275390625,
scale: 144285.93411071779
}, {
level: 12,
levelValue: 13,
resolution: 0.000171661376953125,
scale: 72142.967055358895
}, {
level: 13,
levelValue: 14,
resolution: 8.58306884765625e-005,
scale: 36071.483527679447
}, {
level: 14,
levelValue: 15,
resolution: 4.291534423828125e-005,
scale: 18035.741763839724
}, {
level: 15,
levelValue: 16,
resolution: 2.1457672119140625e-005,
scale: 9017.8708819198619
}, {
level: 16,
levelValue: 17,
resolution: 1.0728836059570313e-005,
scale: 4508.9354409599309
}, {
level: 17,
levelValue: 18,
resolution: 5.3644180297851563e-006,
scale: 2254.4677204799655
}, {
level: 18,
levelValue: 19,
resolution: 2.68220901489257815e-006,
scale: 1127.23386023998275
}, {
level: 19,
levelValue: 20,
resolution: 1.341104507446289075e-006,
scale: 563.616930119991375
}]
});
var tdtUrl = "http://{subDomain}.tianditu.com/vec_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=vec&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=mytk"
//此处天地图的坐标系为CGCS2000
var tiledLayer = new WebTileLayer({
urlTemplate: tdtUrl,
subDomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
tileInfo: tileInfo,
spatialReference: {
wkid: 4490
} //重点在这一句,如果不指定,那么默认为102100,在前端就会报坐标系的错误
});
var map = new Map({
basemap: {
baseLayers: [tiledLayer]
}
});
var view = new MapView({
container: "map",
map: map
});
})
</script>
</head>
<body></body>
</html>
</html>
1 个回复
谢军
赞同来自:
2.body中缺少id为“map”名称的div。
要回复问题请先登录或注册