مثال تنفيذي لتنشيط تطبيق Baidu وAmap في Html5

قبل بضعة أيام، أبلغت United Black Card عن الحاجة إلى فتح تطبيق Baidu أو تطبيق Amap في H5، لذلك قمت بالتحقق من المستندات ذات الصلة عبر الإنترنت ووضع الروابط أدناه: 1. Amap 2. خريطة Baidu

الفكرة المحددة هي أنه عند النقر لتحديد الخريطة، اطلب أولاً رابط التطبيق. إذا لم يكن هناك استجابة بعد 800 مللي ثانية، فانتقل إلى رابط H5. عيب هذا الأسلوب هو أنه سينتقل إلى رابط H5 بغض النظر عما إذا كان ينتقل إلى التطبيق أم لا. إذا كان لديك أي أفكار جيدة، يرجى التعليق.

فيما يلي الكود ذو الصلة:

 function ToggleAppAndH5( AppUrl , AppCallback = () => {}){ // انتقل إلى التطبيق أولاً const ifr = document.createElement('iframe'); ifr.style.display = 'none'; body.appendChild(ifr); // اتصل برابط H5 بعد 800 مللي ثانية Let timer = setTimeout(function () { ClearTimeout(timer); AppCallback(); }, 800); window.onblur = function () { ClearInterval(timer }); ){ // ضع روابط H5 ذات الصلة هنا if (mapType === 'baidu') {frameDom.attr('src', http://api.map.baidu.com/direction?origin=latlng:+ curLat +,+ curLng +|name:+ currAddr +&destination=latlng:+ إيلات +,+ 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 isiOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/); //محطة ios

1. جود

 // تختلف رؤوس Apple وAndroid Let proto = isiOS ? 'iosamap://path' : 'amapuri://route/plan' ; +currAddr+&dlat=+elat+&dlon=+elng+&dname=+eaddr+&src=xxx; ToggleAppAndH5(AppUrl،رد الاتصال)

2. بايدو

 // تختلف رؤوس Apple وAndroid Let proto = isiOS ? 'baidumap://' : 'bdapp://' const AppUrl = proto + Map/direction?region=+cityName+&origin=latlng:+ curLat+,+ curLng + |name:+ currAddr +&destination=latlng:+ إيلات +,+ elng +|name:+ eaddr +&coord_type=bd09ll&mode=driving&src=com.youbei.chefu; ToggleAppAndH5(AppUrl, Callback)

ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.