微信小程序API—获取定位的详解

什么是获取定位？

获取定位是指小程序通过调用微信所提供的API，获得用户当前的地理位置信息。通过获取定位，小程序可以根据用户所在的位置提供相应的服务。

如何获取定位？

在小程序中，我们可以通过wx.getLocation()方法来获取用户当前位置的经纬度信息。在API文档中，我们可以找到该方法的详细描述。下面是该方法的基本语法：

wx.getLocation({
  type: 'wgs84',
  success(res) {
    const latitude = res.latitude
    const longitude = res.longitude
    const speed = res.speed
    const accuracy = res.accuracy
  }
})

上述代码中的type参数表示获取定位的精度。wgs84表示获取的是GPS坐标，gcj02表示获取的是国测局坐标系（火星坐标）。

如果获取成功，返回的数据是一个对象，包含了经纬度信息、速度和精度等。

注意：在小程序中调用wx.getLocation()方法需要用户授权，因此需要在页面中加入对应的按钮让用户允许授权。

示例1

下面是一个简单的示例，以获取用户当前位置并在地图上显示为例：

// index.js
Page({
  data: {
    longitude: 0,
    latitude: 0
  },

  onLoad() {
    this.getLocation();
  },

  getLocation() {
    wx.getLocation({
      type: 'gcj02',
      success: (res) => {
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude
        });
        this.showMap();
      },
      fail: () => {
        wx.showToast({
          title: '获取位置失败',
          icon: 'none'
        });
      }
    });
  },

  showMap() {
    const { longitude, latitude } = this.data;
    wx.openLocation({
      latitude,
      longitude,
      scale: 18
    });
  }
})

上述代码中，通过wx.getLocation()获取用户当前位置的经纬度信息，并利用setData()方法将经纬度保存到data中，在showMap()方法中调用wx.openLocation()方法打开地图，并自动定位到用户所在的位置。

示例2

下面是另一个示例，以获取用户当前位置并展示在页面中为例：

// index.js
Page({
  data: {
    longitude: 0,
    latitude: 0
  },

  onLoad() {
    this.getLocation();
  },

  getLocation() {
    wx.getLocation({
      type: 'gcj02',
      success: (res) => {
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude
        });
      },
      fail: () => {
        wx.showToast({
          title: '获取位置失败',
          icon: 'none'
        });
      }
    });
  }
})

上述代码中，通过wx.getLocation()获取用户当前位置的经纬度信息，并利用setData()方法将经纬度保存到data中。之后，如果需要在页面中展示用户所在的位置，可以利用wx.createMapContext()方法创建一个地图上下文，并在页面中插入一个地图组件。通过在地图组件中传入经纬度信息即可展示用户所在的位置。