目录

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("未安装此地图");
                });
            }
          })
        }
      },
本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
沃野_juededa3 小时前
关于uniapp 中uview input组件设置为readonly 或者disabled input区域不可点击问题
java·前端·uni-app
哎哟喂_!3 小时前
UniApp 实现分享功能
前端·javascript·vue.js·uni-app
k1955142393 小时前
uniapp常用
前端·javascript·uni-app
qq_419429138 小时前
uni-app中使用RenderJs 使用原生js
前端·javascript·uni-app
chengRantianxia8 小时前
UNIAPP项目记录
前端·vue.js·uni-app
哎哟喂_!9 小时前
在 UniApp 中实现 App 与 H5 页面的跳转及通信
前端·javascript·vue.js·uni-app
奎歪歪19 小时前
UniApp页面路由详解
uni-app
小旭@21 小时前
uniapp 微信小程序遇到的坑
微信小程序·uni-app
Rudon滨海渔村21 小时前
[随笔] 升级uniapp旧项目的vue、pinia、vite、dcloudio依赖包等
前端·vue.js·uni-app
机构师21 小时前
<uniapp><插件><UTS>在uniapp中,创建自己的插件并发布到uni插件市场
javascript·uni-app·vue·插件·hbuilderx·uni