Javascript 谷歌地图API-奇怪的地图“；抵销；行为

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

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

我只能从框的“映射”部分拖动贴图。如果我选择灰色区域来拖动地图，它将失败

你知道这是什么原因吗

编辑：

这是我的地图初始化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);

这是我的地图

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

这是我的地图HTML

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

我见过类似的情况。如果不访问任何代码，我的最佳选择是在容器

div

隐藏时初始化映射。我见过导致这种症状的药物。尝试在显示地图时设置地图，而不是在显示之前。

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

google.maps.event.trigger（映射，'resize'）

---

这将在div内重新显示您的地图，并将其完全显示。

公平竞争，您的地图正好击中了头部！我将初始化器从on body load更改为当div本身被激活时。Cheers Mate遇到了完全相同的问题，由您的答案修复-谢谢！你刚刚救了我一天。到目前为止，这是一个糟糕的时刻：我在这件事上浪费了太多的时间。你刚刚让我避免了花几个小时陷入一个复杂的javascript回调混乱：）