1. 程式人生 > 其它 >VUE 配置 scheme拉起三大地圖執行

VUE 配置 scheme拉起三大地圖執行

技術標籤:vuejs

例子 高德地圖
指南:https://lbs.amap.com/api/amap-mobile/summary

<a href="androidamap://navi?sourceApplication=appname&amp;poiname=fangheng&amp;lat=36.547901&amp;lon=104.258354&amp;dev=1&amp;style=2">導航</a>

在這裡插入圖片描述

首先判斷是否是微信QQ內建瀏覽器開啟 如果是
讓其更換瀏覽器 騰訊 內建 不相容

function isWeiXin
() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; //是微信 如何 } else { return false; // 其他 瀏覽器 如何 } }
  if (isWeiXin()) {
        alert("您這是微信內建瀏覽器,請更換瀏覽器開啟")
        return
} else { if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//判斷ios const loadDateTime = new Date();//定義時間戳 window.location ="" //定義scheme地址 window.setTimeout(function() { const timeOutDateTime = new Date(); //定義一個新的時間戳 if
(timeOutDateTime - loadDateTime < 2200) { window.clearInterval(window.setTimeout) //判斷如果超時 跳轉下載頁面 //未超時清楚定時器 return true } else { window.location = ""; //android下載地址 return } }, 2000); } else if (navigator.userAgent.match(/android/i)) { try{ const loadDateTime = new Date(); t window.location = //schema連結或者universal link window.setTimeout(function() { const timeOutDateTime = new Date(); if (timeOutDateTime - loadDateTime > 2200) { window.clearInterval(setTimeout) return } else { this.URL = window.location = ""; //android下載地址 } }, 2000); } catch (e){ window.close(); } } }