最近的一个项目需求中需要让我们的手机网页跳到第三方地图APP进行导航,开发完之后进行一下整理归纳。整理思路是根据不同地图APP来进行。并分为IOS端和Android端。
地图跳转的核心思路是通过URL来调起,不同的APP有着自己的scheme和参数,通过构建URL再使用window.location方法即可跳转到相关APP。
高德地图:
高德开放平台地址:https://lbs.amap.com/
高德地图手机版API地址:https://lbs.amap.com/api/amap-mobile/summary/
高德地图IOS端URL示例:
参数详解:
其它功能如导航和地图标注方法类似,通过构建URL跳转到相关功能,具体可访问API。
高德地图Android端URL示例:
高德地图Android端URL的scheme和IOS有出入,暂不清楚为何这样。
百度地图:
百度地图开放平台:http://lbsyun.baidu.com/
百度地图地图调起API:http://lbsyun.baidu.com/index.php?title=uri
百度地图IOS端URL示例:
参数详解:
这里参数没给全,但剩下的不是很重要,如果有需要的可以访问API。其余功能和高德地图类似。
百度地图Android端URL示例:
百度地图Android的URL和IOS十分类似,只需要把src=ios.baidu.openAPIdemo改成src=andr.baidu.openAPIdemo即可。另外一个优势是可以加入中文。
苹果地图:
苹果地图API:
苹果地图的API功能十分简陋,基本不满足我们的开发需求,因此在做了尝试之后就把苹果地图的导航功能关闭了。因为它不太支持GPS导航,只支持名字,而且还是英文。