微信小程序地图API接口应用:获取当前位置,根据地址显示地图导航,选择位置

一、获取当前位置

map: function () {
    wx.getLocation({
    //定位类型 wgs84, gcj02
    // wgs84 返回 gps 坐标,gcj02 返回可用于wx.openLocation的坐标
      type: 'gcj02',
      //获取位置成功
      success: function (res) {
        console.log(res)  //获取的的当前位置的详细信息
      },
      //获取位置失败
      fail: function (err) {
        console.log("获取位置信息失败,请返回重试")
      },
      //接口调用结束的回调函数(调用成功、失败都会执行)
      complete: function (info) {
        console.log("完成")
      },
    })
},

 二、根据具体地址显示地图导航

1、首先使用“坐标拾取器”要获取具体地址的坐标,腾讯地图拾取器地址:https://lbs.qq.com/tool/getpoint/index.html

2、wxjs代码:

map: function () {
    //红岭小学坐标23.179200,108.294870
    wx.openLocation({
      //当前经纬度
      latitude: 23.179200,
      longitude: 108.294870,
      //缩放级别默认18,缩放比例为5-18
      scale: 18,
      //位置名
      name: '武鸣汽车养护中心',
      //详细地址
      address: '武鸣区城厢镇五里路8号',
      //成功打印信息
      success: function (res) {
      },
      //失败打印信息
      fail: function (err) {
        wx.showToast({
          title: '调用地图失败,请返回重试',
        })
      },
    })
  },

三、选择位置

map: function () {
    //选择位置
    var that = this;
    wx.chooseLocation({
      success: function (res) {
        console.log(res);
        // success
        if (res.address != '') {
          console.log('用户选择的位置:' + res.address);
        }      
      },
      fail: function () {
      },
      complete: function () {
      }
    })
  },

 

你可能感兴趣的:(wechat)