在小程序开发平台中打开需要使用位置的页面,导航到“设置”-“接口设置”,勾选“地理位置”选项。 在页面的JS文件中调用微信提供的API,获取用户当前位置。示例代码如下:
wx.getLocation({ type: 'wgs84', // 默认为wgs84的gps坐标,可以填写gcj02,表示国测局坐标 success: function (res) { var latitude = res.latitude // 纬度 var longitude = res.longitude // 经度 var speed = res.speed // 速度 var accuracy = res.accuracy // 位置精度 } })
将获取到的位置信息显示到小程序页面上。可以使用WXML标签来显示位置信息,示例代码如下:
<view>您当前的位置:{{latitude}}, {{longitude}}</view>
如果需要获取用户的详细地址,需要调用第三方地图API来获取。可以使用百度地图API或腾讯地图API等,获取用户的序列化地址。示例代码如下:
wx.request({ url: 'https://apis.map.qq.com/ws/geocoder/v1/', data: { location: latitude + ',' + longitude, key: '您在腾讯地图开放平台申请的key', get_poi: 1 }, success: function (res) { var address = res.data.result.address var formatted_addresses = res.data.result.formatted_addresses // ...将地址信息显示在页面上 } })
需要注意的是,在使用第三方地图API时,需要在后台管理平台中申请开发者账号,并申请对应的API Key。在调用API时需要加上API Key并指定一个callback函数,用于接收返回的JSON数据。
|