Получите Google Maps, учтите CSS перед настройкой высоты / ширины InfoWindow

Question

Я пытаюсь разместить некоторые элементы текста и формы в Google Maps InfoWindow.Проблема, с которой я столкнулся, состоит в том, что после того, как я перешел от форматирования текста к добавлению отступов, чисел с плавающей точкой и тому подобного, InfoWindow теряет пропорции / размеры, и поэтому он слишком мал и производит полосы прокрутки.в пределах InfoWindow до установленного размера с display: block; не работает.Похоже, что он игнорирует CSS, который я установил за пределами font-size.

Кто-нибудь знает способ получить Google Maps, учитывает CSS элементов в InfoWindow перед настройкой его высоты / ширины

Answer 1

Размер ваших InfoWindows определяется размером карты, на которой они находятся, поэтому меньшая карта с большим InfoWindow вызовет полосы прокрутки, и наоборот.

The InfoWindow всегда будет вписываться в карту, поэтому, если вы хотите уменьшить размер InfoWindow, чтобы включить полосы прокрутки (хотя я не знаю, почему вы этого хотите), то измените размер вашей карты.Если вы хотите увеличить его, сделайте наоборот.

Answer 2

После разговора с коллегой об этой проблеме выясняется, что это произошло из-за того, что CSS вложен в другой класс. Поскольку у меня были все атрибуты типа, установленные в корне документа CSS, они учитывались.

Таким образом, взяв внутренние div атрибуты CSS содержимого InfoWindow и поместив их в корень CSS, Google Maps смог определить фактическую высоту InfoWindow.

.