微信小程序获取经纬度(用户未进行授权时引导用户进行授权)

  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);
            },
        });
    },