Как CSS может остановить загрузку Google Maps? - PullRequest
Новая
       8

Как CSS может остановить загрузку Google Maps?

1 голос
/ 06 апреля 2010

У меня есть страница с div Google Maps: 

<div id="map_canvas" style="width: 100%; height: 332px;" ></div>

Если я закомментирую свой CSS, карта загружается нормально: если я включаю CSS, карта контролирует загрузку, но плитки карты не загружаются: там просто серый фон.

Это так, даже если я поместил карту div сразу после тега <body>, а не внутри какого-либо элемента стиля вообще. Нет CSS, он отлично загружается. С CSS нет карты.

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

Если потребуется дополнительная диагностика, пожалуйста, дайте мне знать, и я разверну сломанную карту на промежуточном сайте, чтобы люди могли посмотреть на источник.

ОБНОВЛЕНИЕ: ОК, здесь находится промежуточный сайт - это беспорядок, но карта должна загрузиться.

Ответы [ 2 ]

3 голосов
/ 06 апреля 2010

Это переполнение: скрытый стиль, который вы установили в своем файле global.css.уберите это, и это сработало как шарм. 

div, p {
    overflow:hidden;
}
2 голосов
/ 06 апреля 2010

Обратите внимание, что элементы управления картой Google содержат намного больше элементов, чем только внешний контейнер <div>. Ваш CSS может повлиять на эти элементы. Например, у вас может быть правило img { display: hidden; }, которое будет скрывать все плитки на карте. Конечно, я явно упрощаю пример; Я сомневаюсь, что это так просто. : -)

Вам необходимо предоставить немного больше информации, в частности фрагменты вашего CSS, чтобы мы могли вам помочь.

Вы также можете использовать любые инструменты проверки DOM, такие как Инструменты разработки IE8, Инструменты разработчика Chrome или Дополнительный браузер Firefox Firebug, чтобы увидеть фактический CSS, примененный к элементу управления карты Google, и увидеть, какие правила откуда и откуда. Это поможет вам определить любые возможные правила из вашего CSS, которые мешают работе с картой Google.

...