Google地圖中心位於左上角

Question

我一直在尋找許多不同的例子，問題和其他相關的事情，我似乎找不到任何東西，所以我最后會問一個問題。

我所擁有的地圖並不使標記居中，甚至不顯示它。 這點就在左上角。 見： http ： //i.imgur.com/Cc1ZK.png

我有一個標簽系統的聯系信息。 當有人點擊選項卡時，地圖和信息會向下滑動並顯示正確的標記（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：

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

PS，我在chrome開發人員工具中沒有錯誤。

希望我忽略了一些非常簡單的事情。

謝謝

找到了未來觀眾的答案 ：

事實證明，我的標簽導致了塊之間的顯示，沒有一個讓我的地圖加載怪異。 我為每個做了一個初始化函數，並調用了setTimout（'functionName'，1000）; 調用地圖加載。

我稍微更改了我的地圖代碼，但是我們可以在教程下的w3schools找到所有內容。

Answer 1

單擊選項卡后初始化地圖。 當在標簽內使用時，這也適用於iframe谷歌地圖。

Answer 2

告訴你的地圖調整大小..

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

map是返回的地圖實例

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