1

googlemaps 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;

}

4

1 回答 1

0

我在这个线程中通过 geocodezip 找到了解决方案：缩放控制和街景没有显示在我的谷歌地图上？

添加

#Map img {
max-width: none;
}

到 css 成功了。

于 2013-04-04T14:22:12.640 回答