Я нахожусь в конце своего ума от моей страницы карт Google. Я хотел добавить очень простую карту (как в этом примере [1]. Установленная мной тестовая страница [3] выглядит несколько неплохо в Chrome - в Firefox и Internet Explorer, однако загружаются только ее части, с серый фон вместо карты.
То, что я нашел здесь в stackoverflow [1], указало мне правильное направление. Видимо, CSS ломает карту. Взгляд на то, что показывает Chrome, говорит мне, что он также угадывает, как его отобразить (элементы управления смещены).
Это код, который я использую (внутри отдельного шаблона):
<script type="text/javascript">
//<![CDATA[
//var map;
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 3);
map.setUIToDefault();
}
jQuery(document).ready(function() {
initialize();
});
//]]>
</script>
Блог основан на WordPress, с довольно индивидуальной темой. Я загружаю CSS родительской темы, используя @import в самом начале моего CSS. Закомментирование этого оператора импорта решает эту конкретную проблему, но я не могу найти точную строку CSS, вызывающую его.
Я использую Firebug и пытался деактивировать утверждения по одному - безрезультатно.
Если бы кто-то указал мне верное направление, я бы очень признателен. Даже подсказка о том, где искать, будет очень полезна. Если хотите, перейдите к http://dev.mit -kids.ch / test / , чтобы посмотреть.
Заранее спасибо!
Андре
Ссылки (более 2):
- http://code.google.com/intl/en/apis/maps/documentation/javascript/v2/examples/map-simple.html
- Как CSS может остановить загрузку Google Maps?
- http://dev.mit -kids.ch / тест /