高德地图：按F12都查不到切片坐标，想了个办法自己测试出结果，谷歌切片也是这样排列的吗？

最新推荐文章于 2023-03-15 14:03:24 发布

老狼8848

最新推荐文章于 2023-03-15 14:03:24 发布

阅读量3.7k

点赞数

分类专栏：地图切片工具文章标签：高德地图切片编号

本文链接：https://blog.csdn.net/bq_cui/article/details/51598399

版权

地图切片工具专栏收录该内容

101 篇文章 17 订阅

订阅专栏

为测试高德地图的切片编号方式，用了几个办法都不成功。最后想到这办法，终于得到切片编号。用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>

老狼8848

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
高德地图：按F12都查不到切片坐标，想了个办法自己测试出结果，谷歌切片也是这样排列的吗？

为测试高德地图的切片编号方式，用了几个办法都不成功。最后想到这办法，终于得到切片编号。用F12的方式应该可以，只是如何解码我不清楚。先做几个256*256大小的切片。tile0_0.png：tile1_1.png：tile1_2.png：在高德地图3级下，调用这几个切片：
复制链接

扫一扫