Vue项目中使用百度地图，详细过程

简述：我们在写项目的时候，有时候难免会用到地图，这里给大家介绍一下如何在vue项目中使用百度地图，获取可视区域坐标，以及添加线路、站点。

 

Vue.js ～ 第 5 篇    ——    在Vue项目中使用百度地图

如何在Vue项目中使用百度地图？

一. 首先，在项目中安装百度地图依赖

npm install vue-baidu-map --save

二. 全局注册，在main.js中一次性引入百度地图组件库的所有组件

import Vue from 'vue';
import BaiduMap from 'vue-baidu-map';
Vue.use(BaiduMap, {
  ak: 'YOUR_APP_KEY'
})

三. ak 是在百度地图开放平台申请的密钥，详见：

我要申请百度地图akhttp://lbsyun.baidu.com/apiconsole/key%20*/ </