美文网首页
uni-app App端地图导航 高德地图

uni-app App端地图导航 高德地图

作者: 郭的妻 | 来源:发表于2021-09-18 15:37 被阅读0次

    1.首先你需要申请 腾讯地图 key

    2.使用 HBuilder X 编辑器的 小伙伴 们

    3.找到uni-app 项目的 manifest.json 文件 选择app模块配置中的内 如图


    1631950213(1).png

    4.上代码

     // #ifdef APP-PLUS
     // uni.getLocation({
     //     type: 'gcj02', //返回可以用于uni.openLocation的经纬度
     //     geocode: true,
     //     success: (res) => {
     //         console.log(res);
             uni.hideLoading();
             var packageName = 'com.autonavi.minimap';
             var main = plus.android.runtimeMainActivity();
             var packageManager = main.getPackageManager();
             var PackageManager = plus.android.importClass(packageManager);
             var packageInfo = packageManager.getPackageInfo(packageName, PackageManager
                 .GET_ACTIVITIES);
             if (packageInfo) {
                 var Uri = plus.android.importClass('android.net.Uri');
                 var url =
                     'amapuri://route/plan?sourceApplication=maxuslife' +
                     '&sid=A&slat=' + this.my_lat  + '&slon=' + this.my_lng + '&sname=我的位置'+
                     '&did=B&dlat=' + this.latitude(目的地) + '&dlon=' +  item.longitude(目的地) + '&dname=目的地位置名称&dev=0&t=0';
                 var Intent = plus.android.importClass('android.content.Intent');
                 var intent = new Intent();
                 intent.setAction(Intent.ACTION_VIEW);
                 intent.addCategory(Intent.CATEGORY_DEFAULT);
                 var uri = Uri.parse(url);
                 //将功能Scheme以URI的方式传入data
                 intent.setData(uri);
                 intent.setPackage('com.autonavi.minimap');
                 var main = plus.android.runtimeMainActivity();
                 main.startActivity(intent);
             } else {
                 this.showToast('您未安装高德地图');
             }
         // },
     //     fail: (err) => {
     //         this.showToast('暂无位置信息无法导航位置哦');
     //         uni.hideLoading();
     //     }
     // });
     // #endif
    
    

    相关文章

      网友评论

          本文标题:uni-app App端地图导航 高德地图

          本文链接:https://www.haomeiwen.com/subject/mmqygltx.html