vue-baidu-map使用方法（简单快速）在vue项目中使用

 

需求： 浏览器中显示百度地图一个坐标。

效果展示：

1.安装 vue-baidu-map  官网地址（https://dafrok.github.io/vue-baidu-map/#/zh/start/installation）

npm install vue-baidu-map --save

2.在main.js中引入

//main.js

import Vue from 'vue'

import BaiduMap from 'vue-baidu-map'
 
Vue.use(BaiduMap, {
  ak: ''  //  在此输入你自己的百度地图ak
})

3.在需要的页面使用：

// 使用页面.vue
<template>
  <div class="contact">
        <baidu-map class="map" :center="markerPoint" :zoom=