Aplikacja Google Maps v3 api dla lokalnego hosta nie działa

Question

Nov 05, 2013, 09:33 AM

javascript google-maps-api-3 google-maps

Aplikacja Google Maps v3 api dla lokalnego hosta nie działa

Chciałem wypróbować przykładową wersję demonstracyjną implementacji Gmaps v3 i wypróbować ten przykład z dokumentacji Google, ale nie ma wyjścia, strona ładuje się tylko przez kilka sekund, a następnie jest pusta, bez wyjścia.

<!DOCTYPE html>
<html lang = "en">
<head>
    <style type="text/css">
        html{height: 100%}
        body{height: 100%; margin: 0; padding: 0}
        #map-canvas{height: 100%}
    </style>
    <title>GMaps Demo</title>
    <script src = "https://maps.googleapis.com/maps/api/js?
                   key=${API_KEY}&sensor=false">
    </script>
    <script>
        function initialize(){
            var mapOptions = {
                center: new google.maps.LatLng(-34.397, 150.644),
                zoom: 8,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = google.maps.Map(
                      document.getElementById("map-canvas"),
                      mapOptions);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
        </script>
</head>
<body>
    <div id = "map-canvas">
    </div>
</body>
</html>