Cordova/PhoneGap导航解决方案——在浏览器中调用百度地图APP进行导航

有时候,我们在Cordova/PhoneGap APP中实现导航,如果使用百度SDK开发,工作量是很大的。值得兴奋的是百度地图APP提供了URI API帮我们来实现这个功能。简单的说:如果用户手机中安装了百度地图APP,那么就可以通过一个超链接来调起地图APP来进行导航。

使用方法很简单,不需要任何准备工作,示例代码如下:

<a href="bdapp://map/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving&region=西安&src=yourCompanyName|yourAppName">线路规划</a>

点击上面的超链接,将会打开地图APP,自动规划出当前位置到大雁塔的路线,按提示即可进行导航。

参数说明:

origin 内容由竖线分为两部分,latlng表示起点的纬度和经度,注意顺序;name表示地点的名称,只是一个标识
destination 目的地名称
mode 导航模式,固定为transit、driving、walking,分别表示公交、驾车和步行
region 搜索区域,一般为所在的城市名
src 你的公司名称|APP名称

可能的问题:

1 必须使用UTF-8编码传值,否则中文名称可能出现乱码,导致无法正确定位

2 无法调用地图APP,可能是需要在config.xml中开放相应的白名单

百度地图开放平台还提供了更多的URL API,实现定位,标注,查询等功能。请参考:

http://developer.baidu.com/map/index.php?title=uri/api/android

欢迎加QQ群交流:454566813 <说明来自开源中国>

转载于:https://my.oschina.net/crazymus/blog/531986

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值