谷歌地圖切斷在鉻

Question

我有一個奇怪的問題與谷歌地圖js api。我生成了一張地圖，它在所有瀏覽器中完美顯示，但在Chrome中顯示。在那裏，它會以某種方式被切斷或放大太多，所以左側的控件被切斷。

看到這個截圖：

我搜索了這個問題，但一直沒找到有效的解決方案，將

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

就像我在幾個線程讀取並沒有幫助..

這裏是我的代碼：

JS：

var myLatlng = new google.maps.LatLng(52.458641, 13.380887); 
    var myOptions = { 
    zoom: 15, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("Map"), myOptions); 
    marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map 
    }); 
    google.maps.event.trigger(map, "resize"); 

HTML：

<div id='Map'></div> 

CSS：

#Map { 
width: 250px; 
height: 250px; 
border: 1px solid #000; 
float: right; 

}

Answer 1

我找到了解決的感謝在這個線程geocodezip：Zoom control and streetview not showing on my Google map?

添加

#Map img { 
max-width: none; 
} 

給CSS做了伎倆。