登录  /  注册
首页 > 博客列表 > h5+plus检查手机上是否已经安装了百度地图、腾讯地图、高德地图，如果安装了就打开地图并导航过去
博主信息
博文 55
粉丝 0
评论 2
访问量 117889
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
h5+plus检查手机上是否已经安装了百度地图、腾讯地图、高德地图，如果安装了就打开地图并导航过去
拾一枝樱花的博客
原创
3149人浏览过
  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>
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
2条评论
拾一枝樱花 2021-02-05 15:53:16
mui官网下载即可
2楼
? 2021-01-11 11:09:05
/lib/js/mui.min.js，请问你这个js在哪
1楼
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录