Как я могу изменить размер этой коробки?(CSS)

Question

http://geodit.com:8000/test

Если вы что-то ищете.Затем нажмите на результат.Вы увидите всплывающий белый пузырь на карте.

Как я могу использовать CSS, чтобы переопределить его и уменьшить его?Это слишком большой!

Answer 1

Если я правильно понял, вы говорите о воздушном шаре на карте, и, к сожалению, вы не можете изменить его размер с помощью css, потому что размер воздушного шара жестко задан в атрибуте стиля контейнера воздушного шара (divelement):

<div style="width: 247px; height: 96px;">

, который нельзя переопределить, только с помощью javascript, если вы получили этот div, вы можете изменить его размер (ballonContainer ссылается на этот div):

ballonContainer.style.width = "150px";
ballonContainer.style.height = "50px";

но вы будете вынуждены изменить также размер других внутренних элементов (их размер также жестко задан в атрибуте style).

Обновление

Я хочу пузырьчтобы быть меньше или даже исчезнуть

ну, если вам не нужен этот шарик (иначе информационное окно), то не создавайте его, я просто вижу эту строку в вашем javascript:

gInfoWindow = new google.maps.InfoWindow; 

тебе это не поможет?Или ты имеешь в виду что-то еще?

Также вы можете установить параметр maxWidth информационного окна , чтобы ограничить ширину этого окна, что-то вроде этого:

gInfoWindow = new google.maps.InfoWindow( { maxWidth: 150 } );

Здесь также описаны параметры InfoWindow здесь