谷歌地圖在中心左上角

我一直在尋找很多不同的例子，問題和其他的東西就這一點，我似乎無法找到任何東西，所以我最終會問一個問題。谷歌地圖在中心左上角

地圖我不居中標記，甚至不顯示。它指向左上角。在這裏看到：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>

P.S，我得到了Chrome開發者工具中沒有錯誤。

這希望很簡單的東西，我忽略了。

感謝

找到了答案，以備將來觀衆：

事實證明，我的標籤引起塊之間的顯示，並沒有一個是讓我的地圖加載怪異。我爲每個函數都做了初始化函數，並且調用了setTimout（'functionName'，1000）;調用地圖加載。

我改變了我的地圖代碼一點點，但是我們一切都可以發現他們的教程在W3Schools的。

來源

2012-12-26 Devyn

你的腳本有一個錯誤;刪除ROADMAP後的尾隨逗號以修復 – Mark

感謝您添加自己的答案，它幫助我解決了類似的問題。調用地圖初始化函數，將顯示更改爲「阻止」後，對我來說就是解決方案。 –

告訴你的地圖來調整..

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

地圖是由

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

來源

2012-12-26 18:45:46 iamkrillin

我補充說，仍然沒有任何變化.. – Devyn

你提供一個鏈接或jsfiddle展品的問題？ – geocodezip

我想通了，並添加了我的問題的答案，謝謝。 – Devyn

返回初始化地圖點擊標籤後的地圖實例。當在標籤中使用時，這也適用於iframe谷歌地圖。上述

來源

2013-09-23 09:40:07 Thomas

谷歌地圖在中心左上角

回答

相關問題