Vue地图导航调用百度地图

Vue地图导航调用第三方地图导航接口

这里我们使用vue集成百度地图的一个插件 vue-baidu-map

1.安装vue-baidu-map

了解更多vue-baidu-map：vueMap文档

npm install vue-baidu-map --save

2.全局引用

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
   
  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  //星号处填写自己申请的百度地图ak
  ak: '*****'
})

3.页面代码

<template>
  <baidu-map class