Чем можно заменить гугл-карты в информационном окне

Question

Я использовал информационное окно google-maps, но я не могу справиться с заполнением информационного окна, и теперь моя вкладка выглядит как

, но мне нужно, чтобы черный контент 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

Вы можете попытаться использовать пользовательское всплывающее окно

. Это альтернатива, если вы хотите внести изменения в стиль, подобный информационному окну, потому что класс infowindow не предлагает настройку, поэтому изменениестиль класса infowindow не рекомендуется.

Для справки также есть пример, включенный в документы.