1、安装Vue Baidu Map
npm install vue-baidu-map --save
2、下载码云项目,地址:https://github.com/sy-zy/VueBMapInfoWindow
3、把下载的项目中src/components/infoWinfow文件夹复制到自己的公共组件文件夹components里面
4、vue中使用infoWindow组件
<template>
<div class="home">
<infoWindow
:map="map"
:markers="markers"
@on-change="change">
<h1>{
{content}}</h1>
</infoWindow>
</div>
</template>
<script>
import infoWindow from '@/components/infoWindow/infoWindow.vue'
export default {
name: 'home',
components: {
infoWindow,
},
data() {
return {