谷歌地图API v3没有显示在浏览器中

时间:2012-05-04 21:13:00

标签: javascript html5 google-maps

我的Google地图应用程序存在一些问题。

所以我按照API上给出的代码来创建基本地图。我有这个:

 <style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map { height: 75% }
 </style>

我还有以下javascript来初始化地图:

function showmap(coordinates)
{
    var lat = coordinates.latitude;
    var lon = coordinates.longitude;

    var myOptions = {
        position: new google.maps.LatLng(lat, lon),
        zoom: 4,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);
}

但我在浏览器中获得的只是一个大灰盒子。我已尝试过几种浏览器(chrome,firefox等......)但它看起来都一样。我很确定我已经正确设置了......任何人都有任何想法发生了什么?

提前感谢!

1 个答案:

答案 0 :(得分:1)

我不知道position-parameter有什么用处(没有像这样的map-option),但我想你混淆了positioncentercenter是必需的)