1、下载安装vue-baidu-map
npm intall --save vue-baidu-map
2、初始化、全局注册
//main.js文件
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
'YOUR_APP_KEY'
})
3、使用
文档:https://dafrok.github.io/vue-baidu-map
<template>
<baidu-map class="map" center="北京"></baidu-map>
</template>
//css文件
.map {
width: 600px;
height: 400px;
}