地图瓦片技术 - zLulus/My_Note GitHub Wiki

简介

经过Web墨卡托投影后,地图就变为平面的一张地图。考虑到有时候我们需要看宏观的地图信息(如世界地图里每个国家的国界),有时候又要看很微观的地图信息(如导航时道路的路况信息)。为此,我们对这张地图进行等级切分。在最高级(zoom=0),需要的信息最少,只需保留最重要的宏观信息,因此用一张256x256像素的图片表示即可;在下一级(zoom=1),信息量变多,用一张512x512像素的图片表示;以此类推,级别越低的像素越高,下一级的像素是当前级的4倍。这样从最高层级往下到最低层级就形成了一个金字塔坐标体系。
对每张图片,我们将其切分为256x256的图片,称为瓦片(Tile)。这样,在最高级(zoom=0)时,只有一个瓦片;在下一级(zoom=1)时有4个瓦片;在下一级(zoom=2)时有16个瓦片,以此类推。
可以看到,地图传输的都是图片(瓦片)
1

举例

高德地图瓦片url    
http://webst02.is.autonavi.com/appmaptile?style=6&x=103446&y=53787&z=17  
腾讯地图瓦片url   
http://p3.map.gtimg.com/sateTiles/8/12/9/195_156.jpg   
百度地图瓦片url  
http://shangetu2.map.bdimg.com/it/u=x=695;y=215;z=12;v=009;type=sate&fm=46&udt=20150601   
……

不同地图API,根据投影方式、坐标系建立不同,参数需求、数字有很大区别
坐标系建立不同:以左上/下角等为原点

参考资料

https://segmentfault.com/a/1190000011276788