微信小程序获取用户位置后在map中用markers标记显示距离误差问题

误差是因为小程序默认的是wgs84
改为gcj02后误差会缩小很多
更直观的看下
下面是gcj02坐标,地图中心点与markers标记
微信小程序获取用户位置后在map中用markers标记显示距离误差问题_第1张图片
下面是wgs84坐标
派大星是wgs84坐标获取的用户经纬度标记的markers
熊本熊是之前gcj02获得的经纬度
微信小程序获取用户位置后在map中用markers标记显示距离误差问题_第2张图片
误差还是很大的
看看这三篇文章应该能明白大概齐了
百度、谷歌高德等网络地图经纬度偏差纠正以及相关坐标系问题
微信小程序中使用地图和定位的一些坑和经验
微信小程序-腾讯地图显示偏差问题
还有个网站能帮助我们获取经纬度并且转换坐标

还有个网站能帮助我们获取经纬度并且转换坐标
下面是简单的代码

  wx.getLocation({
      type: 'gcj02',
  onLoad: function (options) {
    var that=this;
    wx.getLocation({
      type: 'gcj02',

      success: function (res) {
        console.log(res);
        var latitude = res.latitude;
        //getApp().globalData.latitude = res.latitude;
        var longitude = res.longitude;
        that.setData({
          latitude: latitude,
          longitude: longitude,//buyong在上面的data中初始化变量,在这set
          
          markers: [{
            iconPath: "/image/fe6e546034a85edfa278dd3546540923dc54758a.jpg",
            id: 0,
            latitude: latitude,
            longitude: longitude,
            width: 50,

            height: 50
          }],
            hou:true
        })
        //console.log(latitude);
        //弹框

      }
    })
  },

你可能感兴趣的:(日记)