一,需求
根据传入的文本地址 将其转换为坐标 显示地图点位在腾讯地图上
二,使用axios发送请求
import axios from 'axios'; //引入axios
axios({url:'https://apis.map.qq.com/ws/geocoder/v1',method:'get'//参数 地址和key值}).then((data)=>{console.log(data)});
但是使用完报跨域错误
(二)解决跨域问题:
经过一番查找,找到了一个方法。使用插件 vue-jsonp,解决跨域问题。
1,安装vue-jsonp,
npm install vue-jsonp
2,直接在使用页面引入使用
import { jsonp } from "vue-jsonp";
jsonp('http://apis.map.qq.com/ws/geocoder/v1', {address: sonTaskItemObj.address,key: "VUFBZ-SRPCA-REEK7-CQKQP-PDLYV-V4BH5",output: "jsonp"}).then(data => {})
这样我传入的是 xx市xx区xx路 尽量详细 然后会给你返回坐标地址