Javascript 谷歌地图中心位于左上角

我一直在看很多不同的例子、问题和其他关于这方面的事情，我似乎找不到任何东西，所以我最后要问一个问题

我拥有的地图没有将标记居中，甚至没有显示它。该点位于左上角。请看这里：

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

这是我的密码：

脚本：

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:

另外，我在chrome开发者工具中没有发现错误

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

谢谢

为未来的观众找到了答案：

结果是，我的标签导致了块之间的显示，没有一个标签让我的地图加载变得奇怪。我为每个函数创建了一个初始化函数，并调用setTimout（'functionName'，1000）；调用要加载的映射

---

我对地图代码做了一点修改，但我们可以在w3schools的教程中找到所有内容。

告诉地图调整大小

google.maps.event.trigger(map, 'resize');

map是由返回的map实例

map = new google.maps.Map(document.getElementById("map_canvas"), {
     mapTypeId: google.maps.MapTypeId.ROADMAP
});

---

单击选项卡后初始化地图。这也适用于iframe google地图，当在选项卡中使用时。

an您是否提供了显示问题的链接或JSFIDLE？我找到了答案并添加了问题的答案，谢谢。我在一个隐藏分区中初始化了地图。我想这会导致地图没有大小。当它被显示时，由于没有大小，中心位于左上角。在setCenter工作之前调用resize。非常感谢。上面的脚本有错误；删除路线图后面的逗号以修复问题谢谢您添加了自己的答案，它帮助我解决了类似的问题。在将display更改为“block”之后，调用map init函数是我的解决方案。

map = new google.maps.Map(document.getElementById("map_canvas"), {
     mapTypeId: google.maps.MapTypeId.ROADMAP
});