Google Maps API v3: серый ящик, нет карты
В рамках гораздо более крупного проекта мы пытаемся получить карту на сайте с помощью Google Map API v3 от Google. Я выполнил простейшие шаги, которые выложил Google, я попытался скопировать код прямо с других рабочих карт. Но независимо от того, что я делаю, все, что мы получаем, - это серая коробка и никакой карты.
Используя Firebug, я вижу информацию, пытающуюся заполнить карту, но она просто не отображается. Я пробовал jquery, библиотеки jquery, специально созданные для карт Google, ничего не работает. Я работал в Интернете и пользовался файлами справки API Google. Кроме того, проблема не локальна, поскольку я загрузил файл на несколько серверов и протестировал его на нескольких браузерах и компьютерах. Ничего не работает
На данный момент это должно быть что-то глупое, что я упускаю из виду. Вот мой код.
<!DOCTYPE html>
<html>
<head>
<title></title>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?&sensor=true">
</script>
<script type="text/javascript">
function load()
{
var mapDiv = document.getElementById("map");
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions =
{
//zoom: 8,
center:latlng,
//backgroundColor: '#ff0000',
mapTypeId: google.maps.MapTypeId.ROADMAP,
imageDefaultUI: true
};
var map = new google.maps.Map(mapDiv, mapOptions);
function createMarker(point, text, title)
{
var marker =
new GMarker(point,{title:title});
return marker;
}
}
</script>
</head>
<body onload="load()">
<div id="map" style="width: 800px; height: 400px;"></div>
</div>
</body>
</html>