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 密钥。如果您没有,可以前往腾讯位置服务开发者控制台进行申请。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值