赞
踩
关键词:高德地图、地图瓦片、离线、内网、地图瓦片下载
如何在内网部署加载高德地图请参考我的上一篇文章:高德地图离线加载解决方案(内网部署)+本地地图瓦片加载_高德离线地图服务器搭建_深海的鲸同学的博客-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', { // 设置地图容器id
- resizeEnable: true,
- zoom: 12,
- resizeEnable: true,
- rotateEnable: true,
- pitchEnable: true,
- center: [94.89, 36.42],
- defaultCursor: 'pointer'
- showLabel: true, //是否显示文字标注
- layers: layers
- })
Ending
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。