javascript - 谷歌地图 API v3 未显示在浏览器中

Question

我的 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 等）中尝试过，但看起来都一样。我很确定我已经正确设置了......有人知道发生了什么吗？

提前致谢！

Answer 1

我不知道位置参数有什么用（没有像这样的地图选项），但我猜你混淆了position（center是center必需的）