前端调用高德地图app、百度地图app

前端调用高德地图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
突然间好想说，我们不生产水，我们只是大自然的搬运工。