帮助文档
专业提供香港服务器、香港云服务器、香港高防服务器租用、香港云主机、台湾服务器、美国服务器、美国云服务器vps租用、韩国高防服务器租用、新加坡服务器、日本服务器租用 一站式全球网络解决方案提供商!专业运营维护IDC数据中心,提供高质量的服务器托管,服务器机房租用,服务器机柜租用,IDC机房机柜租用等服务,稳定、安全、高性能的云端计算服务,实时满足您的多样性业务需求。 香港大带宽稳定可靠,高级工程师提供基于服务器硬件、操作系统、网络、应用环境、安全的免费技术支持。
服务器资讯 / 香港服务器租用 / 香港VPS租用 / 香港云服务器 / 美国服务器租用 / 台湾服务器租用 / 日本服务器租用 / 官方公告 / 帮助文档
手把手教你搭建个人地图服务器(高德离线部署解决方案):获取地图瓦片数据、高德JS API、私有化部署和调用。。。
发布时间:2024-02-27 22:43:51   分类:帮助文档
手把手教你搭建个人地图服务器(高德离线部署解决方案):获取地图瓦片数据、高德JS API、私有化部署和调用。。。 一、概述 众所周知,目前常见的地图(高德、百度、腾讯等)只提供在线API服务,对于一些内网应用而言,如果需要使用地图展示,则由于不能访问互联网而无法使用类似的第三方地图服务。 本文,通过将高德地图瓦片数据 和 在线JS API做了本地部署,并修改API,将其所有的网络请求均变为本地请求。成功实现了私有化部署! 二、爬取瓦片数据 1.获取地图下载器 这是一个开源项目,使用Java开发的地图瓦片图下载工具,支持OpenStreetMap、天地图、谷歌地图、高德地图、腾讯地图、必应地图的XYZ瓦片图下载与合并。点击以下任意链接获取工具。 1)源码下载,编译后使用 2)百度网盘下载编译后的程序,下载后直接使用即可。 链接:https://pan.baidu.com/s/1odjFKYzefLnu6c1223Fb_w?pwd=eocr 提取码:eocr 2.下载地图瓦片数据 PS:程序运行需要在全英文路径中 1)下载解压运行run.bat 2)选择地图资源 -> 选择省份/城市 -> 下载地图 3)选择层级我这里不需要太详细,所以到12层就够了,层级越高瓦片越多。命名风格选择/{z}/{x}/{y}.png,选择下载位置,点击下载开始下载 三、获取高德离线开发包 高德离线包已经存至我的Gitee项目中:(点击链接下载即可)高德地图离线开发包 如何使用高德地图请参考官方文档:快速上手-地图 JS API 2.0 | 高德地图API 四、如何在项目中使用 以vue项目为例: 1.将下载的瓦片数据和离线包放到项目的public下 2.在MapView.vue中直接加载下载的amap文件夹下的AMap3.js,其余文件不可删除!!!如下图: import "../../public/amap/AMap3.js" 3.在页面中定义地图显示元素:
4.在代码中直接new AMap即可,vue项目的话不需要再去导入map插件配置,如下图直接使用即可。 MapView.vue的全部代码如下: 应用效果如下: 声明:本项目仅供个人学习研究使用,如应用于商业项目,请先获得高德公司授权!一切法律后果由使用者承担,特此声明!