主頁 > 知識庫 > Html5內(nèi)喚醒百度、高德APP的實現(xiàn)示例

Html5內(nèi)喚醒百度、高德APP的實現(xiàn)示例

熱門標(biāo)簽:電銷機(jī)器人視頻 標(biāo)準(zhǔn)智能外呼系統(tǒng) 江蘇高頻外呼系統(tǒng)線路 洛陽市伊川縣地圖標(biāo)注中心官網(wǎng) 平頂山電子地圖標(biāo)注怎么修改 搜狗星級酒店地圖標(biāo)注 高德地圖標(biāo)注錯誤怎么修改 地圖標(biāo)注自己去過的地方 會聲會影怎樣做地圖標(biāo)注效果

前幾天,聯(lián)合黑卡反饋了一個需求,需要在H5中打開百度APP或者是高德APP,于是我在網(wǎng)上查了相關(guān)文檔,下面放上鏈接: 1.高德地圖 2.百度地圖

具體思路就是點擊選擇地圖的時候,先去請求APP鏈接,800毫秒后無響應(yīng),再跳轉(zhuǎn)至H5鏈接。這樣的做法有一點不好就是不管跳不跳APP,都會跳到H5的鏈接。有好的想法可以評論一下。

下面放相關(guān)代碼:
 

         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毫秒后調(diào)用H5鏈接
                let timer = setTimeout(function () {
                        clearTimeout(timer);
                        AppCallback();
                }, 800);
        
                window.onblur = function () {
                    clearInterval(timer);
                };
         }

        function Callback(){
           // 這里放相關(guān)H5鏈接
           if (mapType === 'baidu') {
              frameDom.attr('src', "http://api.map.baidu.com/direction?origin=latlng:"+  curLat +","+ curLng +"|name:"+ currAddr +"&destination=latlng:"+  elat +","+ elng +"|name:"+ eaddr +"&region="+ cityName +"&mode=driving&output=html&src=com.youbei.chefu");
           } else if (mapType === 'amap') {
              frameDom.attr('src', "https://ditu.amap.com/dir?type=car&from[lnglat]="+ curLng +","+ curLat +"&from[name]="+currAddr+"&to[lnglat]="+ elng +","+ elat +"&to[name]="+eaddr+"&src=com.youbei.chefu");
           }
         }

         const u = navigator.userAgent;
         const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端

1. 高德

   // 蘋果和安卓頭部不一樣
   let proto = isiOS ? 'iosamap://path' : 'amapuri://route/plan'  ;

   const AppUrl = proto + "?t= 0&slat="+curLat+"&slon="+curLng+"&sname="+currAddr+"&dlat="+elat+"&dlon="+elng+"&dname="+eaddr+"&src=xxx";

   ToggleAppAndH5(AppUrl,Callback)

2.百度

   // 蘋果和安卓頭部不一樣
   let proto = isiOS ? 'baidumap://'  : 'bdapp://' 

   const AppUrl = proto +  "map/direction?region="+cityName+"&origin=latlng:"+ curLat+","+ curLng +"|name:"+ currAddr +"&destination=latlng:"+ elat +","+ elng +"|name:"+ eaddr +"&coord_type=bd09ll&mode=driving&src=com.youbei.chefu";
   
   ToggleAppAndH5(AppUrl, Callback)

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

標(biāo)簽:松原 阿克蘇 鄂爾多斯 果洛 常德 廣東 蚌埠 廣西

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Html5內(nèi)喚醒百度、高德APP的實現(xiàn)示例》,本文關(guān)鍵詞  Html5,內(nèi),喚醒,百度,高德,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html5內(nèi)喚醒百度、高德APP的實現(xiàn)示例》相關(guān)的同類信息!
  • 本頁收集關(guān)于Html5內(nèi)喚醒百度、高德APP的實現(xiàn)示例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章