高德地图内网加载地图瓦片、如何下载地图瓦片资源

关键词：高德地图、地图瓦片、离线、内网、地图瓦片下载

如何在内网部署加载高德地图请参考我的上一篇文章：高德地图离线加载解决方案（内网部署）+本地地图瓦片加载_高德离线地图服务器搭建_深海的鲸同学的博客-CSDN博客

离线路径规划可参考我的另一篇文章：Java SpringBoot项目 + GraphHopper 实现地图离线路径规划-CSDN博客

如何下载地图瓦片

如何使用

如何运行在代码里

声明

本项目仅为个人兴趣开发，不收费，地图下载器作者也不提供任何付费服务。
地图下载器仅供个人学习研究使用。
地图下载器禁止商用，禁止在企业项目开发中使用此地图离线包，禁止使用此离线包以及基于此项目二次开发的软件从事盈利活动。
Build程序仅供方便预览本项目的各项功能，不作为最终运行本体。

如何下载地图瓦片

gitee有个开源地图瓦片下载项目，我fork了一下，点击下方链接进入地图下载器: 使用Java开发的地图瓦片图下载工具，支持OpenStreetMap、天地图、谷歌地图、高德地图、腾讯地图、必应地图的XYZ瓦片图下载与合并。

如何使用

动手能力强的想自己运行项目的就自己跑代码吧，或者直接提供作者Build程序

百度网盘：https://pan.baidu.com/s/1CA7sdH6zL4OjJxVydKwrWQ 密码：mdve
天翼云盘：https://cloud.189.cn/t/IBFrIzIFZz6j 密码: 5bgb
联通云盘：https://pan.wo.cn/s/2N1u0E1184 密码: uqVN

1.下载解压运行run.bat

2.选择地图资源 -> 选择省份/城市 -> 下载地图

3. 选择层级我这里不需要太详细，所以到10层就够了，层级越高瓦片越多。命名风格选择/{z}/{x}/{y}.png，选择下载位置，点击下载开始下载

如何运行在代码里

1.将下载的地图瓦片放在public下

2. 在高德的代码中增加layers属性，baseUrl自己灵活调整就行，就不介绍相对/绝对路径相关的知识点了

// 自定义地图
const base_url = "/"
const layers = [new AMap.TileLayer({
    getTileUrl: function (x, y, z) {
        return `${base_url}MAP_zxy/${z}/${x}/${y}.png`;
    },
    opacity: 1,
    zIndex: 99,
})]

this.map = new AMap.Map('map-container', { // 设置地图容器id
    resizeEnable: true,
    zoom: 12,
    resizeEnable: true,
    rotateEnable: true,
    pitchEnable: true,
    center: [94.89, 36.42],
    defaultCursor: 'pointer'
    showLabel: true,  //是否显示文字标注
    layers: layers
})

Ending

高德地图内网加载地图瓦片、如何下载地图瓦片资源

声明

如何下载地图瓦片

如何使用

如何运行在代码里

猜你喜欢