百度地图点聚合及弹框的自定义样式

<el-col :span="20" :xs="24">
        <baidu-map
          class="map"
          :center="mapCenter"
          :zoom="mapZoom"
          :scroll-wheel-zoom="true"
        >
          <bm-scale anchor="BMAP_ANCHOR_BOTTOM_LEFT"></bm-scale>
          <bm-overview-map
            anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
            :isOpen="true"
          ></bm-overview-map>
          <bml-marker-clusterer :averageCenter="true">
            <div v-for="(marker, index) in markers" :key="index">
              <bm-marker
                @click="infoWindowOpen(marker)"
                :position="{ lng: marker.longitude, lat: marker.latitude }"
                :icon="{
                  url: marker.label == curLabel ? marker.imgOn : marker.img,
                  size: { width: 20, height: 20 },
                }"
              >
                <bm-label
                  :content="marker.label"
                  :labelStyle="{
                    color: '#fff',
                    fontSize: '12px',
                    background:
                      marker.label == curLabel ? '#d81e06' : '#0608ef',
                    border: 'none',
                    padding: '3px',
                  }"
                  :offset="{ width: -18, height: -20 }"
                />
                <bm-info-window
                  :title="marker.label"
                  :position="{ lng: marker.longitude, lat: marker.latitude }"
                  :show="marker.showFlag"
                  @close="infoWindowClose(marker)"
                  @open="infoWindowOpen(marker)"
                  :offset="{ width: 0, height: -30 }"
                  class="windowbm"
                >
                  <p class="windowbm-text">
                    所在位置：<span class="window-info">广西</span>
                  </p>
                  <p class="windowbm-text">
                    司机姓名：<span class="window-info">广西</span>
                  </p>
                  <p class="windowbm-text">
                    司机手机：<span class="window-info">广西</span>
                  </p>
                  <p class="windowbm-text">
                    上报时间：<span class="window-info"
                      >2021-07-06 16:54:10</span
                    >
                  </p>
                  <p class="windowbm-text">
                    所属部门：<span class="window-info">广西</span>
                  </p>
                  <p class="windowbm-text">
                    当前里程：<span class="window-info">38450.23km</span>
                  </p>
                  <p class="windowbm-text">
                    当前状态：<span class="window-info-btn">查看视频</span>
                  </p>
                </bm-info-window>
              </bm-marker>
            </div>
          </bml-marker-clusterer>
        </baidu-map>

/*地图标题*/
/deep/ .BMap_bubble_title {
  color: white;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #11a983;
}
/* 消息内容 */
/deep/ .BMap_bubble_content {
  background-color: white;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 20px;
}
// /* 内容 */
/deep/ .BMap_pop div:nth-child(9) {
  top: 35px !important;
  border-radius: 7px;
}
/deep/ .BMap_top {
  display: none;
}
/deep/ .BMap_bottom {
  display: none;
}
/deep/ .BMap_center {
  display: none;
}
// /* 隐藏边角 */
/deep/ .BMap_pop div:nth-child(1) div {
  display: none;
}
/deep/ .BMap_pop div:nth-child(3) {
  display: none;
}
/deep/ .BMap_pop div:nth-child(5) {
  display: none;
}
/deep/ .BMap_pop div:nth-child(7) {
  display: none;
}
/*替换关闭按钮*/
/deep/ img[src="https://api.map.baidu.com/images/iw_close1d3.gif"]
{
  content: url("../../../../public/img/close.png");
  width: 16px !important;
  height: 16px !important;
  top: 43px !important;
  left: 350px !important;
  color: #fff;
}
备注：自定义样式不同的百度k对应的url不一样，所以用f12找到对应的地址替换即可