移动端h5页面打开高德地图或者百度地图实现导航 | 您所在的位置:网站首页 › 百度地图导航权限在哪打开 › 移动端h5页面打开高德地图或者百度地图实现导航 |
需求场景:用户会收到一条短信,短信带着链接,点击链接跳转h5页面,h5页面实现跳转地图并实现导航。 方法:1.a标签直接打开地图,地图在浏览器支持跳转。 高德: 高德地图百度: 百度地图唯一的区别就是高德和百度的经纬度是反着的,位置名称可选。 方法:2.点击进入h5页面之后主动执行函数,window.localtion.href打开 var lng=116.473195 var lat=39.993253 function skipMapFun(){ if (customBrowserVersion().android) { var d = new Date(); var t0 = d.getTime(); window.location.href="androidamap://viewMap?sourceApplication=appname&poiname=SOS预警位置&lat="+lat+"&lon="+lng+"&dev=0"; //判断是否跳转 setTimeout(function(){ let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden ||window.document.webkitHidden if(typeof hidden =="undefined" || hidden ==false){ //调用高德地图 window.location.href ="https://uri.amap.com/marker?position="+lng+","+lat+"&name=SOS预警位置"; } }, 2000); } if (customBrowserVersion().ios) { var d = new Date(); var t0 = d.getTime(); window.location.href="iosamap://viewMap?sourceApplication=appname&poiname=SOS预警位置&lat="+lat+"&lon="+lng+"&dev=0"; //判断是否跳转 setTimeout(function(){ let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden ||window.document.webkitHidden if(typeof hidden =="undefined" || hidden ==false){ //调用高德地图 window.location.href ="https://uri.amap.com/marker?position="+lng+","+lat+"&name=SOS预警位置"; } }, 2000); } }
|
CopyRight 2018-2019 实验室设备网 版权所有 |