第一步:安装vue3百度地图组件,并初始化具体可以查看组件文档
BmlMarkerClusterer
能够聚合它包含的所有 BmMarker
组件。
npm i vue-baidu-map-3x
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
gridSize | Size | 网格大小 | |
maxZoom | Number | 聚合的最大缩放级别 | |
minClusterSize | Number | 单个聚合的最小数量 | |
styles | Array[{url, size, opt_anchor, textColor, opt_textSize} ] |
[] | 聚合的样式风格集合 |
averageCenter | Boolean | false | 单个聚合的落脚点是否是聚合内所有标记的平均中心 |
第二步:写点聚合代码
<template>
<div>
<baidu-map class="map" center=