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

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

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

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

目录

如何下载地图瓦片

如何使用

如何运行在代码里


声明

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

如何下载地图瓦片

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

如何使用

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

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

评论 63
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

深海的鲸同学 luvi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值