html5唤醒百度高德地图,H5内唤醒百度、高德APP

本文介绍了如何在H5中唤醒百度和高德地图应用。通过创建iframe加载地图APP链接,若800毫秒后无响应则跳转至H5链接。提供了针对iOS和安卓的代码示例,实现了从H5页面出发导航至指定位置的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者是高德APP,于是我在网上查了相关文档,下面放上链接: 1.高德地图 2.百度地图

具体思路就是点击选择地图的时候,先去请求APP链接,800毫秒后无响应,再跳转至H5链接。这样的做法有一点不好就是不管跳不跳APP,都会跳到H5的链接。有好的想法可以评论一下。

下面放相关代码:

function ToggleAppAndH5( AppUrl , AppCallback = () => {}){

// 先走APP

const ifr = document.createElement('iframe');

ifr.src = AppUrl;

ifr.style.display = 'none';

document.body.appendChild(ifr);

setTimeout(function(){

document.body.removeChild(ifr);

}, 3000);

// 800毫秒后调用H5链接

let timer = setTimeout(function () {

clearTimeout(timer);

AppCallback();

}, 800);

window.onblur = function () {

clearInterval(timer);

};

}

function Callback(){

// 这里放

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值