谷歌地图API - 奇怪的地图“抵消”行为

Question

我在网页上的表单旁边添加了一张地图。这个想法是人们可以注册，当他们输入他们的地址并点击搜索时，它会标记他们的房子，他们必须在提交表格之前这样做（地理位置在我的网站上有很大的作用）。

不幸的是，我添加了地图，但在地图窗口中，地图本身似乎是偏移的。请参阅下图来说明我的意思：

我只能从框中“映射”部分内拖动地图。如果我选择灰色区域来拖动地图，则会失败。

任何可能导致此问题的想法？

修改

这是我的地图初始化Javascript，在页面加载时调用。

    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(52.428385,-3.560257);
    var myOptions = {
      zoom: 7,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("adminMap"), myOptions);

这是我的地图CSS

#adminMap{
    float:left;
    width:270px;
    height:370px;
    margin-left:20px; 
}

这是我的地图HTML

<div id="adminMap">
</div>

Answer 1

我见过类似的东西。如果不访问任何代码，我最好的选择是在隐藏容器div时初始化地图。我已经看到引起这种症状了。尝试在显示地图时设置地图，而不是之前。

Answer 2

要在更改div可见性时再次完全渲染地图，您可以使用此代码。

google.maps.event.trigger（地图，＆＃39;调整大小＆＃39;）;

这将在div中重新渲染你的地图，并将完全显示它。