谷歌地图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隐藏容器时初始化地图.我已经看到引起这种症状了.尝试在显示地图时设置地图,而不是之前.