当前位置:   article > 正文

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

高德地图瓦片下载工具

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

 如何在内网部署加载高德地图请参考我的上一篇文章:高德地图离线加载解决方案(内网部署)+本地地图瓦片加载_高德离线地图服务器搭建_深海的鲸同学的博客-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自己灵活调整就行,就不介绍 相对/绝对 路径相关的知识点了

  1. // 自定义地图
  2. const base_url = "/"
  3. const layers = [new AMap.TileLayer({
  4. getTileUrl: function (x, y, z) {
  5. return `${base_url}MAP_zxy/${z}/${x}/${y}.png`;
  6. },
  7. opacity: 1,
  8. zIndex: 99,
  9. })]
  10. this.map = new AMap.Map('map-container', { // 设置地图容器id
  11. resizeEnable: true,
  12. zoom: 12,
  13. resizeEnable: true,
  14. rotateEnable: true,
  15. pitchEnable: true,
  16. center: [94.89, 36.42],
  17. defaultCursor: 'pointer'
  18. showLabel: true, //是否显示文字标注
  19. layers: layers
  20. })

Ending

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小桥流水78/article/detail/824551
推荐阅读
相关标签
  

闽ICP备14008679号