javascript - 左上角的谷歌地图中心

Question

我一直在查看许多不同的例子、问题和其他与此相关的事情，但我似乎找不到任何东西，所以我最后会问一个问题。

我的 map 没有将标记居中，甚至没有显示它。指向它的最左上角。看这里:http://i.imgur.com/Cc1ZK.png

我有一个联系信息标签系统。当有人单击一个选项卡时， map 和信息会向下滑动并显示正确的标记(4 个单独的 map )，但是我无法让第一个工作，所以我无法复制/粘贴它。

这是我的代码:

脚本:

var latlng = new google.maps.LatLng(42.3535727, -83.0591444);
var options = {  
      zoom: 14,  
      center: latlng,  
      mapTypeId: google.maps.MapTypeId.ROADMAP,
    };
var map = new google.maps.Map(document.getElementById('detroit_map'), options);
marker1 = new google.maps.Marker({  
            position: new google.maps.LatLng(42.3535727, -83.0591444),
            map: map
          }); 
map.setCenter(latlng);

HTML:

<div id="detroit_map" style="width:270px;height:170px;"></div>

P.S，我在 chrome 开发者工具中没有发现任何错误。

希望这是我忽略的非常简单的事情。

谢谢

为 future 的观众找到答案:

事实证明，我的选项卡导致了 block 之间的显示，而没有一个使我的 map 加载变得奇怪。我为每个函数创建了一个初始化函数，并调用了 setTimout('functionName', 1000);调用要加载的 map 。

我稍微更改了我的 map 代码，但我们可以在 w3schools 的教程下找到所有内容。

Answer 1

点击选项卡后初始化 map 。当在选项卡内使用时，这也适用于 iframe google map。