Leaflet加载OSM、MapBox地图

先展示地图加载的效果：

MapBox地图

OSM地图

（1）首先获取Leaflet的资源包
Leaflet资源文件Url：http://leafletjs.com/download.html
Leaflet资源文件非常小，虽然轻但是麻雀虽小，五脏俱全。完全可以满足基本的地图操作和基础的GIS功能。（Github开源社区有对Leaflet功能的更新，可以关注一下）
推荐大家使用Webstorm，直接引入Leaflet或openlayers资源文件，Webstrom识别资源文件其中的方法，编写代码有代码提示提高编写代码的效率

（2）在WebStorm中新建工程，引入Leaflet资源文件。新建HTML页面。

WebStorm引入资源文件

这里提供加载OSM和MapBox地图的代码：
加载OSM地图：

加载MapBox地图：

代码的写法和Openlayers写法相似（Url地址、缩放级别、中心点坐标）。

（3）Leaflet加载其他地图效果：

ArcGIS底图

Google地图

高德地图

天地图

天地图影像

添加底图切换控件：

var baseLayers = {
    "地图": normal,
    "影像": image,
}

L.control.layers(baseLayers).addTo(map);
L.control.zoom({
    zoomInTitle: '放大',
    zoomOutTitle: '缩小'
}).addTo(map);

欢迎大家关注我的公众号，和大家交流探讨;

公众号.jpg