关键词:高德地图、地图瓦片、离线、内网、地图瓦片下载
如何在内网部署加载高德地图请参考我的上一篇文章:高德地图离线加载解决方案(内网部署)+本地地图瓦片加载_高德离线地图服务器搭建_深海的鲸同学的博客-CSDN博客
离线路径规划可参考我的另一篇文章:Java SpringBoot项目 + GraphHopper 实现地图离线路径规划-CSDN博客
目录
如何下载地图瓦片
如何使用
如何运行在代码里
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', { // 设置地图容器idresizeEnable: true,zoom: 12,resizeEnable: true,rotateEnable: true,pitchEnable: true,center: [94.89, 36.42],defaultCursor: 'pointer'showLabel: true, //是否显示文字标注layers: layers
})
Ending
本文发布于:2024-02-02 15:14:59,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170685809744641.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |