Google Maps API v3 :Серый ящик, нет карты
В рамках гораздо более крупного проекта мы пытаемся разместить карту на сайте с помощью Google Map API v3. Я выполнил самые простые шаги, которые изложил Google, я попытался напрямую скопировать код с других рабочих карт. Но что бы я ни делал, все, что мы получаем, это серый ящик и никакой карты.
Используя Firebug, я вижу, что информация пытается заполнить карту, но она просто не отображается. Я пробовал jquery, библиотеки jquery, специально созданные для карт Google, ничего не работает. Я был в Интернете и во всех файлах справки Google API. Кроме того, проблема не является локальной, поскольку я загрузил файл на несколько серверов и протестировал его на нескольких браузерах и компьютерах. Ничего не работает.
На данный момент это должно быть что-то глупое, что я не замечаю. Вот мой код.
<!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>