微信小程序-定位

勇敢往前飞

于 2024-12-12 11:24:57 发布

阅读量241

点赞数 4

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_58806609/article/details/144420737

版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

申请getLocation接口权限

使用getLocation接口前，还要在app.json文件中配置

"permission": {
    "scope.userLocation": {
      "desc": "同意此应用使用你的地理位置" 
    }
  }

在需要定位的页面编写，获取到当前的经纬度（定位有些许偏差）

wx.getLocation({
    isHighAccuracy: true, // 开启地图精准定位
    type: 'gcj02',
    success:res=>{
        this.setData({
            latitude:res.latitude,
            longitude:res.longitude
        })
    },
    fail:err=>{
        console.error('获取位置失败',err)
    }
})

4.结合Map组件一起使用，在地图上显示当前所在的位置

<map latitude="{{latitude}}" longitude="{{longitude}}" scale="18" show-location="true"></map>

效果图：