地图无法显示Google Maps API V3

Question

地图无法显示Google Maps API V3

Aqu*_*irl 6 google-maps google-maps-api-3

使用V3 API编写代码.

function initialize ()
{
    if (GBrowserIsCompatible()) 
    { 
        var ch = new GLatLng (0,0);

        var myOptions = {
            zoom:7,
            center: ch,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        map = new google.maps.Map(document.getElementById("map"), myOptions);

        directionsDisplay = new google.maps.DirectionsRenderer(map, document.getElementById("map"));
        directionsDisplay.setMap(map);                  
    }
}

Run Code Online (Sandbox Code Playgroud)

使用V2 API编写代码.

function initialize ()
{
     if (GBrowserIsCompatible()) 
     { 
         map = new GMap2 (document.getElementById("map"));
         map.setCenter (new GLatLng(0,0),1 );
     }
}

Run Code Online (Sandbox Code Playgroud)

V2 API代码完美运行,V3 API代码显示任何地图.我错过了什么意思？

编辑修改V3代码如下,但仍然没有地图:

var chicago = new google.maps.LatLng (0, 0);

var myOptions = {
    zoom:1,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

map = new google.maps.Map(document.getElementById("map"), myOptions);

Run Code Online (Sandbox Code Playgroud)

Answer 1

Tro*_*ott 13

确保您正在加载正确的Google Maps API,您有一个id为map的div标签,并且(为了更好地衡量)您给div一个高度和宽度.(也许最好将高度和宽度放在样式表中,但为了清楚起见,我在这里将其包括在内.)

这是一个包含您的编辑后代码的网页.试试吧.适合我.

<html>
<head>
<title>Google Map test</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<div id="map" style="height:500px;width:500px"></div>
<script>
var chicago = new google.maps.LatLng (0, 0);

var myOptions = {
    zoom:1,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

map = new google.maps.Map(document.getElementById("map"), myOptions);
</script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，11 月前
查看次数：	22671 次
最近记录：	9 年，8 月前