离线地图开发--BigeMap(离线地图服务器构建,支持百度、谷歌、高德等地图)

前言:

目前高德地图以及百度谷歌等地图对Web端离线功能支持不太友好(甚至没有离线地图功能),这致使我们在进行内网服务器使用的地图开发时非常的不便利,因此在进行离线地图开发时我们通常选择引入第三方地图解决方案,这里推荐下BigeMap离线地图服务器一键构建工具。

使用方式:

1)下载相关软件
BigeMap离线地图服务器(开发版):http://www.bigemap.com/reader/download/detail201802017.html
BigeMap地图下载器:http://www.bigemap.com/reader/download/detail201802016.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,也就是http://bigemap.com/Public/offline/js/moveMarker.js
,进入该js的线上版本复制下来即可。

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老司机张师傅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值