前言

根据门店详细地址，获取地址的经纬度传给后台

准备内容

安装josnp，解决跨域，不安转会报跨域问题

执行命令：

npm install vue-jsonp --save

全局引入 - 入口文件main.js添加：

import VueJsonp from 'vue-jsonp'

Vue.use(VueJsonp)

局部引入 - controller.js添加：

import { jsonp } from 'vue-jsonp'

基本使用方法：

this.$jsonp(地址, 传参参数对象{} ).then(json => {

　　// 返回的内容 console.log(json)

}).catch(err => {

　　console.log(err)

})

百度地图ak（密钥）

用到的百度地图API，链接地址：

http://lbs.baidu.com/index.php?title=webapi/guide/webservice-geocoding

项目应用

//获取百度地图坐标

getBaiduMapPoint(){ 

    jsonp(`http://api.map.baidu.com/geocoder/v2/`,{

        output:'json',    

        ak:'你的ak',

        address: '详细地址'           

     }).then((res) => {                

        const location = res.result.location;                

        if (location) {                    

            this.Model.baiduLongitude = location.lng                    

            this.Model.baiduLatitude = location.lat       

        }

     })

}