Google Maps API v3: Szary Box, bez mapy

Question

Aug 01, 2012, 12:09 AM

Google Maps API v3: Szary Box, bez mapy

W ramach znacznie większego projektu, staramy się uzyskać mapę na stronie za pomocą Google Map API v3. Podążałem za najprostszymi krokami, które wytyczył Google, próbowałem kopiować kod wprost z innych map roboczych. Ale bez względu na to, co robię, otrzymujemy tylko szare pudełko i brak mapy.

Używając Firebug, widzę informacje próbujące zapełnić mapę, ale po prostu nie wyświetlają się. Próbowałem jquery, biblioteki jquery stworzone specjalnie dla map google, nic nie działa. Pracowałem w Internecie i korzystałem z plików pomocy api Google. Ponadto problem nie jest lokalny, ponieważ przesłałem plik na wiele serwerów i przetestowałem go na wielu przeglądarkach i komputerach. Nic nie działa.

W tym momencie to musi być coś głupiego, którego nie widzę. Oto mój kod.

<!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>