arcgis api for js加载天地图不显示地图,求指点!

web初学者,想用arcgis api for js加载某个地方的天地图矢量地图,参照官网上的例子,根据天地图的参数,修改代码里的那些参数,但是最后不出图,天地图的坐标是4490,提示坐标不能转换,我就换成4326的坐标,结果还是不显示,求大神们指点一下,谢谢!!!
官网参考:https://developers.arcgis.com/javascript/3/jssamples/layers_wmtslayerresourceinfo.html
矢量url: http://www.txmap.gov.cn/TXEMAP/service/WMTS
我自己的代码(可直接运行):
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Map with WMTS resourceinfo</title>

<link rel="stylesheet" href="https://js.arcgis.com/3.24/dij ... gt%3B
<link rel="stylesheet" href="https://js.arcgis.com/3.24/esr ... gt%3B
<style>
html,
body,
#map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
<script src="https://js.arcgis.com/3.24/%26 ... gt%3B

<script>
require([
"esri/map",
"esri/layers/WMTSLayer",
"esri/layers/WMTSLayerInfo",
"esri/geometry/Extent",
"esri/layers/TileInfo",
"esri/SpatialReference",
"esri/layers/ArcGISDynamicMapServiceLayer",

"dojo/parser",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dojo/domReady!"
], function(
Map, WMTSLayer, WMTSLayerInfo,
Extent, TileInfo, SpatialReference,
ArcGISDynamicMapServiceLayer,
parser
) {
parser.parse();

var map = new Map("map", {
center: [120.54,30.64],
zoom: 10
});

var tileInfo = new TileInfo({
"dpi": 96,
"format": "format/png",
"compressionQuality": 0,
"spatialReference": new SpatialReference({
"wkid": 4326
}),
"rows": 256,
"cols": 256,
"origin": {
"x": -180,
"y": 90
},
"lods": [{
"level": "0",
"scale": 590995197.141669,
"resolution": 1.40625
}, {
"level": "1",
"scale": 295497598.570835,
"resolution": 0.703125
}, {
"level": "2",
"scale": 147748799.285417,
"resolution": 0.3515625
}, {
"level": "3",
"scale": 73874399.6427086,
"resolution": 0.17578125
}, {
"level": "4",
"scale": 36937199.8213543,
"resolution":0.087890625
}, {
"level": "5",
"scale": 18468599.9106772,
"resolution": 0.0439453125
}, {
"level": "6",
"scale": 9234299.95533858,
"resolution": 0.02197265625
}, {
"level": "7",
"scale": 4617149.97766929,
"resolution": 0.010986328125
}, {
"level": "8",
"scale": 2308574.98883465,
"resolution": 0.0054931640625
}, {
"level": "9",
"scale": 1154287.49441732,
"resolution": 0.00274658203125
}, {
"level": "10",
"scale": 577143.747208661,
"resolution": 0.001373291015625
}, {
"level": "11",
"scale": 288571.873604331,
"resolution": 0.0006866455078125
},
{"level" : 12, "resolution" : 0.00034332275390625, "scale" : 144285.936802165},
{"level" : 13, "resolution" : 0.000171661376953125, "scale" : 72142.9684010827},
{"level" : 14, "resolution" : 8.58306884765625e-005, "scale" : 36071.4842005413},
{"level" : 15, "resolution" : 4.291534423828125e-005, "scale" : 18035.7421002707},
{"level" : 16, "resolution" : 2.1457672119140625e-005, "scale" : 9017.87105013533},
{"level" : 17, "resolution" : 1.0728836059570313e-005, "scale" : 4508.93552506767},
{"level" : 18, "resolution" : 5.3644180297851563e-006, "scale" : 2254.46776253383},
{"level" : 19, "resolution" : 0.0000053644180297851563, "scale" : 1127.23388126692},
{"level" : 20, "resolution" : 0.00000268220901489257815, "scale" : 563.616940633458}
]
});
var tileExtent = new Extent(120.29110904954 ,30.4714777653038,120.663720959596 ,30.7966930194135, new SpatialReference({

wkid: 4326
}));

var layerInfo = new WMTSLayerInfo({
tileInfo: tileInfo,
fullExtent: tileExtent,
initialExtent: tileExtent,
identifier: "TXEMAP",
tileMatrixSet: "TileMatrixSet0",
format: "image/png",
style: "default"

});

var resourceInfo = {
version: "1.0.0",
layerInfos: [layerInfo],
copyright: "天地图"
};

var options = {
serviceMode: "KVP",
resourceInfo: resourceInfo,
layerInfo: layerInfo
};

wmtsLayer = new WMTSLayer("http://www.txmap.gov.cn/TXEMAP/service/WMTS", options);
map.addLayer(wmtsLayer);

});
</script>
</head>

<body>
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="width: 100%; height: 100%; margin: 0;">

<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'">

</div>

</div>
</body>

</html>

 
已邀请:

邵明升

赞同来自:

192.168.51.31是你自己的机器吗?你能正常访问吗?
6666.png

要回复问题请先登录注册