使用腾讯地图获取地址经纬度

1、在终端执行

npm i --save vue-jsonp

2.在main.js引入

import {VueJsonp} from 'vue-jsonp'
Vue.use(VueJsonp)

或则直接在需要页面引入

import { jsonp } from 'vue-jsonp'

3、写方法

getUserLocation(address) {
                let url = 'https://apis.map.qq.com/ws/geocoder/v1/?address=';
                this.$jsonp(url, {
                        key: '腾讯地图key',
                        address: address,
                        output: 'jsonp'
                    })
                    .then(res => {
                        console.log(res)
                        console.log(res)
                        const latitude = res.result.location.lat;
                        const longitude = res.result.location.lng;
                        console.log("res.result.location.lat: ",res.result.location.lat);
                        console.log("res.result.location.lng: ",res.result.location.lng);
                        this.$wx.openLocation({
                            latitude: latitude,
                            longitude: longitude,
                            name: this.address, // 位置名
                            address: this.address, // 地址详情说明
                            scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
                            infoUrl: '' ,// 在查看位置界面底部显示的超链接,可点击跳转
                        });
                    })
                    .catch(err => {
                        console.log(err);
                    });

            },

jsonp(url, {
                        key: '腾讯地图key',
                        address: address,
                        output: 'jsonp'
                    })
                    .then(res => {
                        console.log(res)
                        console.log(res)
                        const latitude = res.result.location.lat;
                        const longitude = res.result.location.lng;
                        console.log("res.result.location.lat: ",res.result.location.lat);
                        console.log("res.result.location.lng: ",res.result.location.lng);
                        this.$wx.openLocation({
                            latitude: latitude,
                            longitude: longitude,
                            name: this.address, // 位置名
                            address: this.address, // 地址详情说明
                            scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
                            infoUrl: '' ,// 在查看位置界面底部显示的超链接,可点击跳转
                        });
                    })
                    .catch(err => {
                        console.log(err);
                    });

            },

具体的参考腾讯开发文档https://lbs.qq.com/service/webService/webServiceGuide/webServiceGeocoder