腾讯地图api根据中文地址转换成经纬度生成地图定位

template

<map style="width: 100%; height:600rpx;" scale="15" :markers="covers" :longitude="longitude" :latitude="latitude"></map>

data

	return{
				latitude: '',
				longitude: '',
				covers: [{
					latitude: '',
					longitude: '',
					iconPath: '../../static/nearby_active.png',
					width: 30,
					height: 30
				}]
				}

申请开发者秘钥

引入SDK核心类

<script>
	import QQMapWX from '../../static/js/qqmap-wx-jssdk.js'
</script>

在请求用户信息数据的success回调里实例化API核心类

let qqmapsdk = new QQMapWX({
						key: '秘钥'
					});

调用geocoder

	qqmapsdk.geocoder({
						address: self.city + self.address,
						success(res) {
							//经纬度赋值
							self.longitude = res.result.location.lng  
							self.latitude = res.result.location.lat
							//标记点经纬度赋值
							self.covers[0].longitude = res.result.location.lng
							self.covers[0].latitude = res.result.location.lat
						},
						fail: function(error) {
							console.error(error);
						},
					});