Taro react 笔记之 定位

1.Taro.getSystemInfoSync()
获取系统信息同步接口。
详情见 copy from: https://taro-docs.jd.com/taro/docs/apis/base/system/getSystemInfoSync

示例

try {
  const res = Taro.getSystemInfoSync()
  console.log(res.model)
  console.log(res.pixelRatio)
  console.log(res.windowWidth)
  console.log(res.windowHeight)
  console.log(res.language)
  console.log(res.version)
  console.log(res.platform)
} catch (e) {
  // Do something when catch error
}

2.Taro.getMenuButtonBoundingClientRect()
获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。
https://taro-docs.jd.com/taro/docs/apis/ui/menu/getMenuButtonBoundingClientRect

3.Taro.getLocation(option)
获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。开启高精度定位，接口耗时会增加，可指定 highAccuracyExpireTime 作为超时时间。
https://taro-docs.jd.com/taro/docs/apis/location/getLocation

4.Taro.openLocation(option)
使用微信内置地图查看位置

5.Taro.chooseLocation(option)
打开地图选择位置。

Taro.chooseLocation({
      latitude: this.state.loc.lat,
      longitude: this.state.loc.lng,
      success: data => {
        this.setState(
          {
            loc: {
              lat: data.latitude,
              lng: data.longitude,
              storeAddress: data.name
            },
            loading: true,
            pageSize: 10,
            pageNum: 1,
            hasMore: true,
            storeList: []
          },
          () => {
            this.getStore();
          }
        );
      },
      fail: res => {
        console.log('chooseLocation fail', res);
      }
    });

chooseLocation api功能是依赖于
腾讯位置服务，所以需要使用 api 密钥。如果您没有，可以前往腾讯位置服务开发者控制台进行申请。