Управление шириной Google Maps InfoWindow
Кто-нибудь знает, как установить ширину InfoWindow в Картах Google? Infowindow - это мультфильм, похожий на пузырь, который появляется, когда вы нажимаете на точку в Картах Google. Я могу контролировать высоту с помощью CSS, но не могу понять, как изменить ширину (я хочу тоньше, чем значение по умолчанию).
Я нашел ссылку на maxWidth в API, но я не могу понять, где это поставить. Любые идеи?
Ответы
Ответ 1
Для v3 API свойство InfoWindowOptions.maxWidth
делает то, о чем вы просите. Конструктор InfoWindow
принимает необязательный аргумент объекта InfoWindowOptions
.
var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 });
documentation отмечает, что "значение учитывается, только если оно установлено перед открытием вызова. Чтобы изменить максимальную ширину, когда изменение содержимого, вызов close, setOptions, а затем открытие."
Ответ 2
Вы можете переопределить стиль Карт Google.
/* Just use .gm-style-iw */
.gm-style-iw {
width: 300px;
min-height: 150px;
}
Источник: https://katz.co/resizing-infowindow/
Ответ 3
вы можете добавить div сначала:
<div style='width:300px;margin:0 0 20px 20px;height:90px;'>