为什么这个简单的Google地图代码不起作用?

时间:2012-12-13 06:25:59

标签: javascript html google-maps-api-3


我使用版本3.8 没有键。我之前使用过这个确切的代码(没有密钥)来自我的桌面,它运行得很好,但现在由于某种原因它不起作用。

我找不到任何拼写错误,没有密钥的导入声明从我使用的内容改变了吗?

这是我的精简代码:

<!DOCTYPE html>
<html>
    <head>
        <title>asdfasdf</title>
    </head>
    <body onload = "initialize();">

        <!-- map here -->
        <div id = "map"></div>

        <!-- Google Maps API -->
        <script type = "text/javascript" src = "http://maps.googleapis.com/maps/api/js?&amp;sensor=true&amp;v=3.8"></script>

        <script type = "text/javascript">

            function initialize()
            {
                // object literal for map options
                var myOptions =
                {
                    center: new google.maps.LatLng(37.09024, -95.712891), // coordinates for center of map 30, 3
                    zoom: 4, // smaller number --> zoom out
                    mapTypeId: google.maps.MapTypeId.HYBRID // ROADMAP, SATELLITE, TERRAIN, or HYBRID
                };

                // note: if the id has a dash in its' name, map instantiation doesn't work!
                var map = new google.maps.Map(document.getElementById("map"), myOptions);

            } // end of initialize
        </script>
    </body>
</html>

2 个答案:

答案 0 :(得分:2)

它正在运作。也许你忘了给width/height你的地图div,所以你看不到它?

你可以看看http://jsfiddle.net/2HmMQ/

答案 1 :(得分:2)

V3.8 is retired,如果您提出要求,您将获得v3.9。

你的问题是你的地图没有大小,所以你看不到它。

如果我改变你的地图div给它一个大小,就像这样:

        <div id="map" style="height:500px; width:600px;"></div>

有效。