微信小程序API 之 位置API wx.getLocation(OBJECT)、wx.chooseLocation(OBJECT)、wx.openLocation(OBJECT)

获取位置

获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。

这里写图片描述这里写图片描述

wx.getLocation(object)

这里写图片描述
这里写图片描述

<view class="container">
  <button bindtap='getLocation'>获取位置</button>
  <view wx:if="{{latitude !=''}}">
    <view>纬度:{{latitude}}</view>
    <view>经度:{{longitude}}</view>
    <view>速度:{{speed}}</view>
    <view>位置的精确度:{{accuracy}}</view>
    <view>高度:{{altitude}}</view>
    <view>垂直精度:{{accuracy}}</view>
    <view>水平精度:{{accuracy}}</view>
  </view>
</view>
//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    latitude: '',
    longitude: '',
    speed: '',
    accuracy: '',
    altitude:'',
    verticalAccuracy: '',
    horizontalAccuracy:''
  },

  onLoad: function () {

  },

  getLocation:function(){
    var _this=this;
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        var latitude = res.latitude
        var longitude = res.longitude
        var speed = res.speed
        var accuracy = res.accuracy
        var altitude = res.altitude
        var verticalAccuracy = res.verticalAccuracy
        var horizontalAccuracy = res.horizontalAccuracy
        _this.setData({
          latitude: latitude,
          longitude: longitude,
          speed: speed,
          accuracy: accuracy,
          altitude: altitude,
          verticalAccuracy: verticalAccuracy,
          horizontalAccuracy: horizontalAccuracy
        })
      }
    })
  }
})

打开地图选择位置

wx.chooseLocation(OBJECT)

打开地图选择位置。
需要用户授权 scope.userLocation

这里写图片描述这里写图片描述
这里写图片描述这里写图片描述

wx.chooseLocation(object)

这里写图片描述
这里写图片描述

<view class="container">
  <button bindtap='getLocation'>打开地图选择位置</button>
  <view wx:if="{{address !=''}}">
    <view>位置名称:{{name}}</view>
    <view>详细地址:{{address}}</view>
    <view>纬度:{{latitude}}</view>
    <view>经度:{{longitude}}</view>
  </view>
</view>
//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    name: '',
    address: '',
    latitude: '',
    longitude: ''
  },

  onLoad: function () {

  },

  getLocation:function(){
    var _this=this;
    wx.chooseLocation({
      success: function (res) {
        var name = res.name
        var address = res.address
        var latitude = res.latitude
        var longitude = res.longitude
        _this.setData({
          name: name,
          address: address,
          latitude: latitude,
          longitude: longitude
        })
      }
    })
  }
})

​使用微信内置地图查看位置

​使用微信内置地图查看位置。

这里写图片描述这里写图片描述

wx.openLocation(OBJECT)
这里写图片描述

评论 1 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页

打赏作者

dq_095

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值