Community Learn Tools Library Leisure
search
English
Home > List of blog posts > h5+plus检查手机上是否已经安装了百度地图、腾讯地图、高德地图，如果安装了就打开地图并导航过去
Blogger Information
Blog 47
fans 0
comment 2
visits 102674
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
h5+plus检查手机上是否已经安装了百度地图、腾讯地图、高德地图，如果安装了就打开地图并导航过去
拾一枝樱花的博客
Original
2551 people have browsed it
  1. <!doctype html>
  2. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <title>Document</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <link rel="stylesheet" type="text/css" href="../lib/css/mui.css" />
  10. </head>
  12. <body>
  13. <header class="mui-bar mui-bar-nav">
  14.     <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  15.     <h1 class="mui-title">地图</h1>
  16. </header>
  17. <div class="mui-content">
  18.     <button id="nav" onclick="nav">开始导航</button>
  20. </div>
  21. <script src="../lib/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  22. <script type="text/javascript">
  23.     mui.init()
  24.     mui.plusReady(function() {
  25.         //传入包名，检查手机上是否安装了这个应用
  26.         function isInstall(packageName) { //
  27.             try {
  28.                 var main = plus.android.runtimeMainActivity();
  29.                 var packageManager = main.getPackageManager();
  30.                 var PackageManager = plus.android.importClass(packageManager);
  31.                 var packageinfo = packageManager.getPackageInfo(packageName, PackageManager.GET_ACTIVITIES)
  32.                 if (packageinfo) {
  33.                     return true;
  34.                 } else {
  35.                     return false;
  36.                 }
  37.             } catch (e) {
  38.                 return false;
  39.             }
  40.         }
  41.         //批量传入包名，检查一系列应用是否安装，如果有任意一个安装了，就执行success，否认执行fail
  42.         function operationAfterCheckInstall(mapsPackageNames, success, fail) {
  43.             var res = mapsPackageNames.map(function(item) {
  44.                 return isInstall(item);
  45.             })
  47.             if (eval(res.join("||"))) {
  48.                 success();
  49.             } else {
  50.                 fail();
  51.             }
  52.         }
  53.         //可以在这里写业务逻辑了
  54.         document.getElementById("nav").onclick = function() {
  55.             //如果还知道其他地图的包名，也可以放这个数组里
  56.             var mapsPackageNames = ['com.baidu.BaiduMap', 'com.autonavi.minimap', 'com.tencent.map'];
  57.             operationAfterCheckInstall(mapsPackageNames, function() {
  58.                 var dst = new plus.maps.Point(46.1757500000,129.4252800000); // 目的地 
  59.                 var src = new plus.maps.Point(116.335, 39.966); // 起始地 可以不填
  60.                 plus.maps.openSysMap(dst, "达连河", src);
  61.             }, function() {
  62.                 alert("您未安装百度地图、高德地图、腾讯地图,请前往应用市场下载");
  63.             })
  64.         }
  65.     })
  66. </script>
  67. </body>
  69. </html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
2 comments
拾一枝樱花 2021-02-05 15:53:16
mui官网下载即可
2 floor
? 2021-01-11 11:09:05
/lib/js/mui.min.js，请问你这个js在哪
1 floor
Author's latest blog post