《业务需求》uniapp小程序接入腾讯地图获取位置

本文章来自于 www.jianshu.com/p/6b021f79e…

腾讯地图sdk在uniApp需要更改格式才能使用

script>
import qqmapsdk from '@/assets/js/qqmap-wx-jssdk.min.js';
export default {
    data() {
        return {
            city: '请选择地址'
        };
    },
    onLoad() {
        const _this=this
        const QQMapWX = new qqmapsdk({
            key: 'key'
        });

        uni.getLocation({
            type: 'gcj02', //返回可以用于uni.openLocation的经纬度
            success: function(res) {
                console.log('res', res);
                const latitude = res.latitude;
                const longitude = res.longitude;

                // 解析地址
                QQMapWX.reverseGeocoder({
                    location: {
                        latitude: latitude,
                        longitude: longitude
                    },
                    success: function(res) {
                        console.log('解析地址成功');
                        console.log(res);
                        // 省
                        // let province = res.result.ad_info.province;
                        // 市
                        let city = res.result.ad_info.city;
                        // console.log(province);
                        _this.city = city;
                    },
                    fail: function(res) {
                        uni.showToast({
                            title: '定位失败',
                            duration: 2000,
                            icon: 'none'
                        });
                        console.log(res);
                    }
                    // complete: function(res) {
                    //  console.log(res);
                    // }
                });
            }
        });
    }
};