leaflet-离线地图

1、下载MapTileDownloader

2、下载瓦片地图

3、将下载好的瓦片地图整理到一个文件夹下面

4、使用leaflet加载地图(引入leaflet.js文件)

<style>
#map{
    width: 600px;
    height: 500px;
}
</style>
...
<div id="map"></div>
...
 function getMap(){
            var url = './tiles/{z}/{x}/{y}.png'   //图片路径
            var lmap =  L.map('map').setView([28.177,112.88],17)
            L.tileLayer(url,{
                zoom: 17
            }).addTo(lmap);
        }

注：使用MapDownloader工具也可以下载，但是文件和图片的命名不一样，在加载图片路径时会找不到资源

1）MapDownloader文件：

2）MapTileDownloader文件：

5、实现加载