百度智能小程序 获取当前的地理位置和速度

swan.getLocation

在工具和真机中的实现有区别，详见 API 实现差异。
解释： 获取当前的地理位置、速度。当用户离开智能小程序后，此接口无法调用。使用该 API 需通过获取用户授权设置申请授权后方可对用户发起授权申请，使用 permission 对获取位置信息的用途进行说明，可在  swan.authorize 中查看相关错误码信息。

方法参数

Object object

object 参数说明

success 返回参数说明

示例

图片示例

代码示例 

在开发者工具中打开

<view class="wrap">
    <view class="card-area">
        <view class="list-area border-bottom" s-for="item in infoList">
            <view class="list-item-key-4">{{item.chineseName}}}</view>
            <view class="list-item-value">{{item.value}}</view>
        </view>
    </view>
    <view class="swan-security-padding-bottom flex-button">
        <button type="primary" bindtap="getLocation">点击获取位置信息</button>
    </view>
</view>

Page({
    data: {
        infoList: [{
            chineseName: '精确度',
            engName: 'accuracy',
            value: ''
        }, {
            chineseName: '高度',
            engName: 'altitude',
            value: ''
        }, {
            chineseName: '城市名称',
            engName: 'city',
            value: ''
        }, {
            chineseName: '城市编码',
            engName: 'cityCode',
            value: ''
        }, {
            chineseName: '国家',
            engName: 'country',
            value: ''
        }, {
            chineseName: '国家代码',
            engName: 'countryCode',
            value: ''
        }, {
            chineseName: '区',
            engName: 'district',
            value: ''
        }, {
            chineseName: '水平精度',
            engName: 'horizontalAccuracy',
            value: ''
        }, {
            chineseName: '纬度',
            engName: 'latitude',
            value: ''
        }, {
            chineseName: '经度',
            engName: 'longitude',
            value: ''
        }, {
            chineseName: '省份',
            engName: 'province',
            value: ''
        }, {
            chineseName: '速度',
            engName: 'speed',
            value: ''
        }, {
            chineseName: '街道名称',
            engName: 'street',
            value: ''
        }, {
            chineseName: '街道号码',
            engName: 'streetNumber',
            value: ''
        }, {
            chineseName: '垂直精度',
            engName: 'verticalAccuracy',
            value: ''
        }]
    },
    onShow() {
        let infoList = this.getData('infoList');
        for (var i = 0; i < infoList.length; i++) {
            infoList[i].value = '';
        }
        this.setData({
            infoList
        });
    },
    getLocation(e) {
        swan.getLocation({
            type: 'gcj02',
            altitude: true,
            success: res => {
                console.log('getLocation success', res);
                let infoList = this.getData('infoList');
                for (var i = 0; i < infoList.length; i++) {
                    const engName = infoList[i].engName;
                    console.log('engName', res[engName]);
                    if (res[engName] === '' || res[engName] === 0 || res[engName] === '0') {
                        infoList[i].value = '暂无';
                    }
                    else {
                        engName === 'latitude' || engName === 'longitude'
                            ? infoList[i].value = this.formatLocation(res[engName]) + '′'
                            : infoList[i].value = res[engName];
                    }
                }
                this.setData({
                    infoList
                });
            },
            fail: err => {
                swan.showToast({
                    title: '获取失败,请检查位置授权是否开启',
                    icon: 'none'
                });
            }
        });
    },
    formatLocation(data) {
        return data.toFixed(2).replace('.', '°');
    }
});

参考示例

图片示例

参考示例：图示可知 type 属性为 gcj02 的位置更为精准，建议与 swan.openLocation 连用验证 

在开发者工具中打开

Page({
    getLocation() {
        swan.getLocation({
            type: 'gcj02', 
            altitude: true,
            success: res => {
                console.log('success', res);
                swan.openLocation({
                    latitude: res.latitude,
                    longitude: res.longitude,
                    success: res => {
                        console.log('openLocation success', res);
                    },
                    fail: err => {
                        console.log('openLocation fail', err);
                    }
                });
            },
            fail: err => {
                swan.showToast({title: '获取失败'});
            }
        });
    },
});