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

swan.getLocation

在工具和真機中的實現(xiàn)有區(qū)別，詳見 API 實現(xiàn)差異。
解釋： 獲取當前的地理位置、速度。當用戶離開智能小程序后，此接口無法調用。使用該 API 需通過獲取用戶授權設置申請授權后方可對用戶發(fā)起授權申請，使用 permission 對獲取位置信息的用途進行說明，可在  swan.authorize 中查看相關錯誤碼信息。

方法參數(shù)

Object object

object 參數(shù)說明

success 返回參數(shù)說明

示例

圖片示例

代碼示例 

在開發(fā)者工具中打開

<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: '區(qū)',
            engName: 'district',
            value: ''
        }, {
            chineseName: '水平精度',
            engName: 'horizontalAccuracy',
            value: ''
        }, {
            chineseName: '緯度',
            engName: 'latitude',
            value: ''
        }, {
            chineseName: '經(jīng)度',
            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 連用驗證 

在開發(fā)者工具中打開

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: '獲取失敗'});
            }
        });
    },
});