编程 vue-baidu-map插件中bm-marker组件嵌套bm-info-window组件？

在Vue-BaiduMap这个基于百度地图API的Vue封装库中，`bm-marker`组件用于表示地图上的标记点，而`bm-info-window`组件则是一个弹出窗口，通常会在用户点击标记点时显示详细信息。要在`bm-marker`组件内部嵌套`bm-info-window`，你可以这样做：

1. 首先，在`bm-marker`组件模板里，绑定一个自定义事件（比如`@click`），当鼠标点击标记时触发。

<template>
  <baidu-marker @click="showInfoWindow">
    <!-- 其他marker属性 -->
    <bm-icon :position="position" :clusterPosition="clusterPosition"></bm-icon>
  </baidu-marker>

  <bm-info-window v-if="infoWindowVisible" :position="infoWindowPosition">
    <!-- infoWindow的内容 -->
    <div>{{ markerContent }}</div>
  </bm-info-window>
</template>

2. 在组件的methods中定义`showInfoWindow`方法，控制`bm-info-window`的显示状态以及设置其位置：

<script>
export default {
  data() {
    return {
      infoWindowVisible: false,
      infoWindowPosition: { lat: 0, lng: 0 }, // 根据实际需要更新位置
      markerContent: '', // 存储marker的信息
    };
  },
  methods: {
    showInfoWindow(e) {
      this.infoWindowVisible = true;
      this.infoWindowPosition = e.target.getPosition(); // 获取点击标记的位置
    },
    hideInfoWindow() {
      this.infoWindowVisible = false;
    },
    // 其他marker相关的处理...
  },
  // ...其他生命周期钩子、props等
};
</script>

当你需要关闭`bm-info-window`时，可以添加一个`hideInfoWindow`方法或者在`bm-marker`组件外部通过外部事件控制。