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

天涯浪子 提交于 2019-12-04 00:52:41

有时候,我们在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 <说明来自开源中国>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!