Управление шириной 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;'>