Page({
data: {
latitude: '',
longitude: '',
},
});
<!--index.wxml-->
<van-field type="text" label="地址" placeholder="获取经纬度" name="adress" value="{{longitude != ''&&latitude!=''?longitude+','+latitude:''}}" bindchange="bindInputChange">
<van-button slot="button" square="true" bind:tap="bindLngLat" custom-style="margin-right: -30rpx;margin-top: 10rpx;border: none;display: flex; justify-content: center;align-items: center;height: 50rpx">
<van-icon name="location-o" size="40rpx" color="#3f6cb0" />
</van-button>
</van-field>
上面使用的是Vant Weapp框架(有兴趣的朋友可以了解一下,只需关注下面js即可)
<!--index.js-->
//获取经纬度
bindLngLat() {
// 获取用户授权情况,用户未进行授权时引导用户进行授权
wx.getSetting({
withSubscriptions: true,
success: (res) => {
if (res.authSetting['scope.userLocation'] == false) {
this.openSetting = 'openSetting';
wx.openSetting({
complete: (res) => {
if (res.authSetting['scope.userLocation']) {
this.chooseLocation();
this.openSetting = null;
}
},
});
} else {
this.openSetting = null;
this.chooseLocation();
}
},
});
},
//给定经纬度
chooseLocation() {
wx.getLocation({
type: 'wgs84',
success: (res) => {
var latitude = res.latitude;
var longitude = res.longitude;
this.setData({
latitude: latitude,
longitude: longitude,
});
console.log(res);
},
});
},