为测试高德地图的切片编号方式,用了几个办法都不成功。最后想到这办法,终于得到切片编号。用F12的方式应该可以,只是如何解码我不清楚。
先做几个256*256大小的切片。
tile0_0.png:
tile1_1.png:
tile1_2.png:
在高德地图3级下,调用这几个切片:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>基本地图展示</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>
<script>
var map = new AMap.Map('container', {
resizeEnable: true,
zoom:3,
center: [116.397428, 39.90923]
});
var gridLayer = new AMap.TileLayer({
zIndex:10,
getTileUrl: function(x,y,z){
return 'tiles/border.png';
}
});
gridLayer.setMap(map);
var tilerLayer = new AMap.TileLayer({
zIndex:10,
getTileUrl: function(x,y,z){
return 'tiles/3/tile' + x + '_' + y + '.png';
}
});
tilerLayer.setMap(map);
</script>
</body>
</html>