下载离线地图多种方式（osm，MapTileDownloader ）

流氓也是种气质 _Cookie

已于 2024-05-30 15:56:21 修改

阅读量5k

点赞数 1

分类专栏： leaflet 文章标签： leaftlet 离线地图瓦片地图 MapTileDownload osm下载

于 2022-12-21 12:19:36 首次发布

本文链接：https://blog.csdn.net/qq_37550440/article/details/128382544

版权

leaflet 专栏收录该内容

21 篇文章 3 订阅

订阅专栏

效果图：

一下载离线地图的二种方式

1.osm 的方式下载瓦片

2、下载MapTileDownloader

二代码（推荐使用osm方式）

效果图：

一下载离线地图的二种方式

1.osm 的方式下载瓦片

2、下载MapTileDownloader

文件格式选为瓦片

二代码（推荐使用osm方式）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>offline-leaflet-map-ID15</title>
<link rel="stylesheet" href="./leaflet/leaflet.css"/>
<script src="./leaflet/leaflet.js"></script>
<style>
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
#my-offline-leaflet-map{width:100%;height:100%;}</style>
</style>
</head><body>
<div id="my-offline-leaflet-map"></div>
<script>

var mymap=L.map('my-offline-leaflet-map',

{minZoom:9,maxZoom:10})

.setView([29.55402225, 106.54383115], 9);
L.TileLayer.Custom = L.TileLayer.extend({getTileUrl : function(coords){
url='./newtask/'+coords.z+'/'+coords.x+'/'+coords.y+'.png';
return url;}

});
L.tileLayer.Custom = function(){return new L.TileLayer.Custom();}
L.tileLayer.Custom().addTo(mymap);

</script>
</body>

</html>