Vue 百度地图API跨域解决

安装 vue-jsonp

npm i vue-jsonp -S

调用页面引入 vue-jsonp

import { jsonp } from 'vue-jsonp'

调用

import {jsonp} from 'vue-jsonp'

const MapService = {
  BdBrowserAk: 'eLw66lkNGNnx84Npme07cGgbPodr5QMt',

  // 返回地点的城市信息
  // 是否召回传入坐标周边的poi，0为不召回，1为召回。当值为1时，默认显示周r边1000米内的poi. 注意：若需召回国外POI，需单独申请权限
  geoCoder(callbackName, latitude, longitude, poi) {
    jsonp(`https://api.map.baidu.com/geocoder/v2/?callback=${callbackName}&output=json&pois=1`, {
      ak: 'ZwTVu16RLXjhW7FHDjYt5HfMnR1dhFpR',
      location: latitude + ',' + longitude,
    }).then((res) => {
      console.log(res)
    })
  }
}

export default MapService