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

流氓也是种气质 _Cookie

已于 2022-12-22 11:28:59 修改

阅读量4.1k

点赞数 1

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

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

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

版权

leaflet 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

效果图：

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

1.osm 的方式下载瓦片

2、下载MapTileDownloader

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

效果图：

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

1.osm 的方式下载瓦片

百度网盘分享链接：https://pan.baidu.com/s/1Lv5JhLQSxdfRQjkMw1UsOA
提取码：cookie

官方tool下载地址：http://www.allmapsoft.com/

2、下载MapTileDownloader

百度网盘下载地址：链接：https://pan.baidu.com/s/1BTbGTGhcgjyIvMNaVLLJNw

文件格式选为瓦片

二代码（推荐使用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>