Vue项目调用百度地图Api

1、安装vue-baidu-map组件

npm install vue-baidu-map --save

2、在mian.js 中注册 vue-baidu-map

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
  ak: '你的申请的ak'   // ak 是在百度地图开发者平台申请的** 详见 http://lbsyun.baidu.com/apiconsole/key */
})

3、在模板中使用

<template>
  <baidu-map class="map" center="深圳"></baidu-map>
</template>
<style>
.map {
  width: 100%;
  height: 400px;
}
</style>