一、申请腾讯地图key
进入腾讯地图开放平台
二、引入腾讯地图
1. 安装 vue-jsonp
npm install --save vue-jsonp
2.在 main.js 中使用
import { VueJsonp } from 'vue-jsonp';
Vue.use(VueJsonp);
3.获取定位
// 获取当前位置
getLocation() {
let _this = this;
uni.getLocation({
type: 'gcj02',
geocode: true,
isHighAccuracy: true,
success: function(res) {
console.log('==getLocation==');
console.log(res);
var location = res.latitude + ',' + res.longitude;
let url = 'https://apis.map.qq.com/ws/geocoder/v1/?address=';
_this.$jsonp(url, {
key: mapKey,
location: location,
output: 'jsonp'
}).then(res => {
console.log('==H5获取当前位置==');
console.log(res)
}).catch(err => {
console.log(err);
});
},
fail: function(res) {
console.log('获取当前位置的经纬度-失败');
console.log(res);
}
});
},
4、配置文件填写地图key
5.运行结果
附:下载微信小程序JavaScriptSDK。