Question

103

Google Maps v3 api for localhost not working

rated 0 times [ 106] [ 3] / answers: 1 / hits: 71736 / 11 Years ago, tue, november 5, 2013, 12:00:00

I wanted to try out a sample demo of implementing Gmaps v3 and tried out this example from Google's documentation, but there is no output , the page just loads for a few seconds and then blank, no output.

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