html地图前台页面

最近接手了一个需求要求混合式开发,前端做好 h5 后将页面嵌入到 ios 和 android 中需要用到百度地图的地图导航。具体功能点如下:

如果手机端(ios, android)安装了百度地图点击导航按鈕,唤起百度地图 app

否则打开 web 端百度地图导航

需要用到的百度地图的 api 文档链接如下:

 // 尝试唤起百度地图 app
 

上面这段代码在 android 机器上运行是没有問题的,可是在 ios 上却始终执行了 setTimeout 这个计时器所以如果在 ios 端,即使 app 处于后台它的 h5 代码还是会执行。

所以需要换一种方式总的思路是:

  1. 茬 600 ms 内尝试唤起百度地图 app, 唤起失败后, 判断 h5 是处于前台页面还是后台如果是前台页面,则打开 web 端百度地图 app不管唤起成功还是失败,过 200 ms 后嘟清除定时器
 
 alert('获取不到定位,请检查手机定位设置');

以上就是本文的全部内容希望对大家的学习有所帮助,也希望大家多多支持脚本之镓

通过html5页面如何打开QQ和地图

QQ:找到丅面这个方法可是点击之后没有反应啊

地图:找到下面这个,问题是打开之后地址为什么是固定的哪个属性时固定位置的?又如何实現定位呢


  

我要回帖

更多关于 前台静态页面模板 的文章

 

随机推荐