Как я могу исправить проблемы со стилем с помощью информационного окна карты Google?

Question

По умолчанию информационное окно Google Map имеет очень неприятный стиль, так что внутреннее содержимое перекрывает кнопку закрытия при наличии полосы прокрутки:

Google, благодаря своей бесконечной мудрости, не делает ничего более приятного, чем использование классов для своих элементов, так что это очень затрудняет стилизацию информационного окна. Кто-нибудь знает, как я могу решить эту проблему перекрытия?

Answer 1

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

google.maps.event.addListener(marker, "click", function () {
    infoWindow.open(googleMap, this);
    setTimeout(reposition, 500);
});

function reposition() {
    $(SELECTOR FOR YOUR CONTENT DIV).parent().parent().css({ top: '24px'});
}

Answer 2

Вставьте свой собственный div с идентификатором и классом в окно и стилизуйте его;если вы хотите еще больше контроля, получите его родителя (через document.getElementById("yourdiv").parent) и манипулируйте его CSS через DOM (например, сбросьте свойство overflow).