uniapp 地图跳转到第三方导航软件 直接打包成apk

javascript 复制代码
// 判断是否存在导航软件
      judgeHasExistNavignation() {
        let navAppParam = [{
            pname: 'com.baidu.BaiduMap',
            action: 'baidumap://'
          }, // 百度
          {
            pname: 'com.autonavi.minimap',
            action: 'iosamap://'
          }, // 高德
          {
            pname: 'com.tencent.map',
            action: 'tencentmap://'
          }, // 腾讯
        ];
        return navAppParam.some(param => {
          return plus.runtime.isApplicationExist(param);
        })
      },
      // 获取用户当前定位
      getPosition() {
        let that = this;
        return new Promise(resolve => {
          uni.getLocation({
            type: 'gcj02',
            geocode: true, //设置该参数为true可直接获取经纬度及城市信息
            success: function(res) {
              let {
                latitude,
                longitude
              } = res
              that.curSysPosition.latitude = latitude;
              that.curSysPosition.longitude = longitude;
              resolve();
            }
          });
        })
      },
      //  打开第三方地图  info对象是目的地的经纬度数据
      // this.info:{
      //   x:
      //   y:
      // }
      async handleOpenNavigation() {
        const lat = this.info.y; //纬度
        const lng = this.info.x; //经度
        const address = '目的地';
        if (!this.judgeHasExistNavignation()) {
          return this.$showToast("该设备上不存在第三方导航APP");
        }
        await this.getPosition();
        let {
          latitude,
          longitude
        } = this.curSysPosition;
        let tLngLat = new plus.maps.Point(lng, lat); // 目的地
        let oLngLat = new plus.maps.Point(longitude, latitude); // 起始地
        plus.maps.openSysMap(tLngLat, address, oLngLat);
      },
      // 地图导航
      toNearbyStore() {
        var url = '';
        const address = '去到这里';
        //地址
        const latitude = this.info.y; //纬度
        const longitude = this.info.x; //精度
        url = 'geo:' + latitude + ',' + longitude + '?q=' + encodeURIComponent(address);
        if (uni.getSystemInfoSync().platform == 'android') {
          plus.runtime.openURL(url);
        } else {
          plus.nativeUI.actionSheet({
            title: "选择地图应用",
            cancel: "取消",
            buttons: [{
              title: "Apple地图"
            }, {
              title: "百度地图"
            }, {
              title: "高德地图"
            }, {
              title: "google地图"
            }]
          }, function(e) {
            console.log("e.index: " + e.index);
            switch (e.index) {
              case 1:
                url =
                  `http://maps.apple.com/?q=${encodeURIComponent(address)}&ll=${latitude},${longitude}&spn=0.008766,0.019441`
                break;
              case 2:
                url = `baidumap://map/marker?location=${latitude},${longitude}&title=DCloud&src=Hello%20uni-app`;
                break;
              case 3:
                url =
                  `iosamap://viewMap?sourceApplication=Hello%20uni-app&poiname=DCloud&lat=${latitude}&lon=${longitude}&dev=0`;
                break;
              case 4:
                url = `comgooglemaps://?q=${encodeURIComponent(address)}&center=${latitude},${longitude}`;
                break;
                plus.runtime.openURL(url, function(e) {
                  plus.nativeUI.alert("未安装此地图");
                });
            }
          })
        }
      },
相关推荐
EatFan12 小时前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
bug总结1 天前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~2 天前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_915106322 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山2 天前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰2 天前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app
走到天涯海角2 天前
uniApp蓝牙在手机上测试
智能手机·uni-app
bug总结3 天前
uniapp的easycom自动组件注册机制
uni-app
HF_code3 天前
uniapp-history路由深度指南
uni-app
suliqiang3 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode