前言:
目前高德地图以及百度谷歌等地图对Web端离线功能支持不太友好(甚至没有离线地图功能),这致使我们在进行内网服务器使用的地图开发时非常的不便利,因此在进行离线地图开发时我们通常选择引入第三方地图解决方案,这里推荐下BigeMap离线地图服务器一键构建工具。
使用方式:
1)下载相关软件
BigeMap离线地图服务器(开发版):/reader/download/detail0.html
BigeMap地图下载器:/reader/download/detail0.html
下载完成后进行安装即可(简单式安装)
2)安装完成后打开是这样式的
离线地图服务器:
点击进入
注意: 有时候打开会不太好使,会连接不上远程服务器,这时不要惊慌,这可能是因为他们的服务器有些low或者是使用的异步加载有些插件还没加载完,稍微等待一会点击重新加载,或者把软件关闭重新打开,多试几次就可以了。
离线地图下载器:(用来下载地图分片)
使用该软件下载地图分片需要向BigeMap客服(客服小姐姐很亲人)申请开发授权(商业版使用需收费),基本功能如下图:
3)离线地图服务器的部署
首先,需要使用离线地图下载器将所需的地图分片下载下来(免费授权下载的数据详细度有限),具体步骤如下:
下载完成,开始导入
打开离线地图服务器,点击管理地图,添加离线地图
点击创建,你的离线地图服务器就构建完成了!!可以开始进行开发了!
4)开发使用
离线地图服务器构建完成之后就可以进行开发了!
一些简单的样例都可以从官方样例中找出,BigeMap的JS API功能和高德API类似,只不过该API支持离线地图,这个框架是基于Leaflet框架来做的,大家有兴趣可以自己了解下(大佬如果不想用BigeMap可以自己封装一个搞一搞,记得搞好了联系我)。
这里点出一个需要注意的地方,样例中的所有代码都是使用的BigeMap的官方服务器,开发时需要将地址改为离线地图服务器的地址,还有BigeMap程序只有bigemap.js 和bigemap.css 才需要引用离线服务器上面的,其他的JS组件如果需要的话可以从BigeMap官网上自取,方法是域名加上组件地址,如:要使用moveMarker.js离线版,我们只需要将js代码copy下来到本地项目中自己封装一个js文件来引用即可,
下载js的地址是BigeMap的域名加上/Public/offline/js/moveMarker.js,也就是/Public/offline/js/moveMarker.js
,进入该js的线上版本复制下来即可。