分享价值，创造快乐！
点一点，赞一赞，好习惯！O(∩_∩)O
项目下载地址：https://github.com/sy-zy/VueBMapInfoWindow
这是一个关于在Vue.js项目中使用百度地图创建多点信息窗口二次封装的组件。窗口内部的内容需自己编写样式。
该组件无需开发者编写百度地图代码，只需安装Vue Baidu Map然后import该组件再传入相应参数即可使用。
1、安装Vue Baidu Map
npm install vue-baidu-map --save
2、复制文件到自己的组件库
3、页面中使用组件
4、组件参数
map（Object）
地图容器对象
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| ak | String | true | 您的百度地图流浪器端AK秘钥 | |
| center | Object | {lng: 116.402544,lat: 39.912057} | false | 地图中心坐标位置 |
| zoom | Number | 12 | false | 缩放等级 |
| width | String | 100% | false | 宽度 |
| height | String | 100% | false | 高度 |
markers(Array)
地图标记点数组，数组里面是对象
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| lng | Number/String | true | 您的百度地图流浪器端AK秘钥 | |
| lat | Number/String | true | 地图中心坐标位置 | |
| markerIcon | Object | false | 缩放等级 | |
| show | Boolean | false | false | 当前信息窗口是否显示，所有窗口只能显示一个 |
markerIcon(Object)
地图标记点图标对象
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| url | String | true | 坐标点图标地址（不可使用本地路径） | |
| size | Object | {width: 30, height: 40} | true | 坐标点宽度和高度 |
记得点个赞哦O(^_^)O
