前言
根據(jù)門店詳細地址给僵，獲取地址的經(jīng)緯度傳給后臺
準備內(nèi)容
安裝josnp，解決跨域蔽豺，不安轉(zhuǎn)會報跨域問題
執(zhí)行命令：
npm install vue-jsonp --save
全局引入 - 入口文件main.js添加：
import VueJsonp from 'vue-jsonp'
Vue.use(VueJsonp)
局部引入 - controller.js添加：
import?{?jsonp?}?from?'vue-jsonp'
基本使用方法：
this.$jsonp(地址, 傳參參數(shù)對象{} ).then(json => {
// 返回的內(nèi)容 console.log(json)
}).catch(err => {
console.log(err)
})
騰訊地圖key（密鑰）
用到的騰訊地圖API蚪战，鏈接地址：
https://lbs.qq.com/service/webService/webServiceGuide/webServiceGeocoder
項目應用
//獲取騰訊地圖坐標????????
getQQMapPoint()?{????????????
????jsonp(`https://apis.map.qq.com/ws/geocoder/v1/`,?{????????????????
????????output:?'jsonp',????????????????
????????key:?'你的key',????????????????
????????address: '詳細地址'? ? ? ? ? ?
?????}).then((res)?=>?{????????????????
????????const?location?=?res.result.location;???????????????
????????if?(location)?{???????????????????
????????????this.Model.tencentLongitude?=?location.lng????????????????????
????????????this.Model.tencentLatitude?=?location.lat? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
?????????}????????????
????})? ? ?
}
