uniapp (H5、小程序、app)地图导航

H5地图导航

腾讯地图

window.location.href =  http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address

其中lat、lng、address分别为经纬度和详细地址三个参数

小程序、app

uni.openLocation({
                            latitude: lat-0,//要去的纬度-地址       
                            longitude: lon-0,//要去的经度-地址
                            name: e,//地址名称
                            address: e,//详细地址名称
                            success: function () {
                                console.log('导航成功');
                            },
                            fail:function(error){
                                console.log(error)
          }
   });

这里的lat-0和lon-0是因为你获取的经纬度是string类型的,uni.openLocation需要的参数类型是number类型的

 

如果同一个项目需要同时用到H5导航、小程序、app可以用一下方法区分:

只能用于app
// #ifdef APP-PLUS
//#endif

小程序 app 
//#ifndef H5
//#endif

h5 小程序
//#ifdef H5 || MP-WEIXIN
//#endif

h5 
//#ifdef H5
//#endif

小程序
//#ifdef MP-WEIXIN
//#endif

官网地址:https://uniapp.dcloud.io/platform?id=%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91

 

 

 

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值