最近接手了一个需求,要求混合式开发,前端做好 h5 后将页面嵌入到 ios 和 android 中,需要用到百度地图的地图导航。具体功能点如下:
- 如果手机端(ios, android)安装了百度地图,点击导航按钮,唤起百度地图 app
- 否则,打开 web 端百度地图导航
需要用到的百度地图的 api 文档链接如下:
http://lbsyun.baidu.com/index...
最开始的代码:
// 尝试唤起百度地图 app
window.location.href = scheme;
var timeout = 600;
var startTime = Date.now();
var t = setTimeout(function () {
var endTime = Date.now();
// 当成功唤起百度地图 app 后,再返回到 h5 页面,这时 endTime - startTime 一定大于 timeout + 200; 如果唤起失败, 打开 web 端百度地图导航
if (!startTime || (endTime - startTime) < (timeout + 200)) {