前端调用高德地图app、百度地图app
说明:这里只说明了前端如何调用app地图,没有代码,测试机上高德地图、百度地图、腾讯地图,都已经安装好了,如果没有安装,调起app地图会没有反应,至于如何验证手机是否安装了app地图,这个功能个人建议移动端来做,这里只是把地图官网的信息粘了出来,前端调用app地图,会存在浏览器兼容性问题,本人的项目是把前端嵌入到移动端里面,移动端是有自己的浏览器,所有只要调试好移动端的浏览器就可以了,还有一点就是,移动端要特殊处理一下调用地图的url,否则会报错。
前端调用高德地图app: https://lbs.amap.com/api/uri-api/guide/travel/route 点击链接直接进入高德地图官网app文档说明,仔细阅读参数说明
下面的一长串就是我们要用到url,如果你想测试url,用前端写一个a标签,给a标签的href赋值成下面url的值即可,注意callnative参数,参数为1是凋起app,在项目中本人是用的iframe标签,然后赋值成下面的url,刚开始本人使用的是window.open(url),发现使用window.open(url)会先打开手机网页版高德地图,然后在打开高德地图app,用iframe就解决了这个问题,安卓和ios是同一个url
URL: //uri.amap.com/navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
前端调用百度地图app:前端调用百度地图安卓和ios是两个url地址,这里先说调用安卓百度地图http://lbsyun.baidu.com/index.php?title=uri/api/android
点击链接直接进入百度地图官网app文档说明,仔细阅读参数说明
URL:bdapp://map/direction?origin=name:对外经贸大学|latlng:39.98871,116.43234&destination=西直门&coord_type=bd09ll&mode=transit&sy=3
&index=0&target=1&src=andr.baidu.openAPIdemo
调用ios百度地图
URL:baidumap://map/direction?origin=34.264642646862,108.95108518068&destination=40.007623,116.360582&coord_type=bd09ll&mode=driving&src=ios.baidu.openAPIdemo
突然间好想说,我们不生产水,我们只是大自然的搬运工。