0

HTMLページで単純なマップを使用する方法について、Googleのこのチュートリアルに従っています。しかし、コードを実行すると、灰色の四角だけが表示されます (作成した div)。誰でも私を助けることができますか？

私が使用しているコードは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <style>
            #map_canvas {
                width: 500px;
                height: 500px;
                background-color: #CCC;
            }
        </style>
        <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script>
            function initialize() {
                var ap_canvas = document.getComputedStyle('map_canvas');
                var mapOptions = { new google.maps.Lating(44.5403, -78.5463),
                    zoom:8,
                    mapTypeld: google.maps.MapTypeId.ROADMAP }
                    var map = new google.maps.Map(map_canvas, mapOptions)
                    }
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>
    </head>
    <body>
        <div id="map_canvas">

        </div>

    </body>
</html>
4

1 に答える 1