这篇指南文档将向你介绍单幅的瓦片地图是如何在一起工作并生成Web地图的。
连续的空间和细节
瓦片地图和缩放级别
如果我们想看到更多的地图细节，，如想了解国家轮廓级别的地图与街道级别地图的不同，可以使用不同的缩放级别达到目的。缩放级别越高，显示地图的物理尺寸和细节表现也会相应增加。
依此类推。
由于瓦片数量是随缩放级别按指数增长的，因此每提高一个缩放级别会增加大量的地图细节，同时为了应付越来越多的瓦片，对带宽和存储空间的需求也会相应增加。
为什么要使用瓦片？
简单来说，因为瓦片地图可以很好的工作，所以Web地图使用瓦片。
1.瓦片地图缓存非常高效。如果你曾查看中央公园的地图而下载过曼哈顿的瓦片，当你需要显示泽西城的地图时，你的浏览器可以使用之前缓存的相同的瓦片，而不是重新再下载一次。
2.瓦片地图可以渐进加载。中央公园的瓦片会在曼哈顿地图边缘加载之前加载，你可以移动或缩放地图到某一个特定点，即使当前地图的边缘部分还没有加载完成。
3.瓦片地图简单易用。描述地图瓦片的坐标系统很简单，使得很容易在服务器、网络、桌面或移动设备上实现技术集成。
地图客户端与瓦片
让我们来展示一下中央公园的地图。因为地图瓦片是在网络上的图片，你需要把如下HTML代码嵌入到你的网页中。
<imgsrc=’https://a.tiles.mapbox.com/v4/examples.map-i86l3621/0/0/0.png?access_token=pk.eyJ1IjoidHJpc3RlbiIsImEiOiJuZ2E5MG5BIn0.39lpfFC5Nxyqck1qbTNquQ’/>
你将会在浏览器中看到坐标为0/0/0的瓦片。
1.首先确定能够覆盖曼哈顿且能够详细显示中央公园的瓦片的z/x/y坐标。
3.为地图添加缩放按钮及拖拽平移等事件的响应处理，然后再次开始这些处理过程。
地图客户端需要知道你要显示的中心位置以及缩放级别，你可以输入一个位置的坐标然后MapBox.js就能找到你需要的瓦片。
原文档地址：https://www.mapbox.com/guides/how-web-maps-work/
有我们特有的记忆，亲情之忆友谊之花爱情之树以及遗憾之泪！
