Изменить размер Google Map + API v3

Question

Я использую Google Maps API v3.

В Chrome карта отлично вписывается в элемент div, который я установил с шириной 200px и высотой 200px.В Firefox он пытается занять весь экран.Я заметил код стиля, который использует Google Maps, есть эта строка:

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">

Я пытался изменить это через API, чтобы установить ширину 190 и высоту 190.

Кто-нибудь знает, как это сделать?

Стиль CSS, который я использовал для div, был:
div.map {
высота: 190px;
ширина: 190px;
}

Я добавил это в свой вызов API, уже думая, что он изменит размер в зависимости от стиля div:
google.maps.event.trigger (map, 'resize')

С праздником!!

Answer 1

Вы должны жестко закодировать вашу ширину / высоту во встроенном стиле.Я столкнулся с той же проблемой.Причина в том, что он использует ширину / высоту для создания других элементов на карте. Попробуйте установить свой код следующим образом:

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 190px; height: 190px; z-index: 0;">