Как изменить цвет фона InfoWindow

Я столкнулся с проблемой, мой Google Map API показывает стандартное информационное окно с белым цветом фона. Я хочу изменить белый цвет на черный. Код ссылки:

google.maps.event.addListener(marker, 'mouseover', function() {


    infoWindow.setContent(html);
        infoWindow.open(map, marker);
               //infoWindow.setStyle("background-color: red");


      });
 Joachim Rohde26 мая 2016 г., 11:59

Ответы на вопрос(2)

Решение Вопроса

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

Так как мы можем добавить наш собственный HTML и стилизовать его. Фоновый элемент маркера - в основном тот, который вызывает проблему. Для простой стилизации вместо изучения совершенно новой библиотеки мы можем просто удалить этот элемент с помощью jQuery.

Вставьте этот код в вашу функцию инициализации, и он удалит фоновый элемент.

google.maps.event.addListenerOnce(map, 'idle', function(){
    jQuery('.gm-style-iw').prev('div').remove();
}); 

Теперь вы можете создавать свои собственные div'ы. Я разработал infoWindow в моем проекте, используя этот подход.

Надеюсь, это поможет.

 Ranjith M29 сент. 2017 г., 14:09
Это решение сработало :-)
 Barry Chapman05 янв. 2019 г., 05:01
Это все еще работает? Я реализовал это в более новой версии API карты, и это, кажется, не вызывается

Вы можете использоватьInfoBox здесь, вУтилита Google Maps.

Этот класс ведет себя как google.maps.InfoWindow, но он поддерживает несколько дополнительных свойств для расширенного оформления. InfoBox также может использоваться как метка карты.

Вы также можете использоватьCSS стилизовать это. Проверяя эторуководство а такжеэтот, он даст вам пример кода о том, как это сделать.

 T3029 нояб. 2016 г., 15:50
Первая ссылка не работает, вероятно, InfoBoxбыл удален.

Ваш ответ на вопрос