什么可以取代google-maps信息窗口

Question

我使用了谷歌地图的信息窗口，但无法使用信息窗口填充进行管理，现在我的标签页看起来像

但是我需要黑色内容div对齐所有白色标签的长度，我阅读了我没有自定义google infoWindow的文档，并且他们提供了使用弹出窗口的功能，但是我只需要在悬停时显示它即可。在我使用vue.js的项目中，也许smb有经验，以及如何将infoWindow与vue一起使用？

getDevelopmentInInfoWindow(entity, marker) {
      window.axios.get(`/development-map/development/${entity.id}`)
           .then((response) => {
                this.instance.$props.entity = response.data;
                this.instance.$mount();
              this.infoWindow.setContent(this.instance.$el.innerHTML);

                    this.infoWindow.open(this.map, marker);
                })
                .catch((error) => console.log(error));
        },
        initializeInfoWindow() {
            let InfoWindow = Vue.extend(InfoWindowComponent);

            this.instance = new InfoWindow({
                propsData: {
                    entity: null,
                }
            });

            this.infoWindow = new this.google.maps.InfoWindow({
                shadow: false,
            });
        },

Answer 1

您可以尝试使用custom popup

如果您希望像infowindow类那样进行调整，这是替代方法，因为infowindow类不提供自定义功能，因此不建议更改infowindow类的样式。

文档中还包含一个示例供您参考。