javascript - Google Maps API - 奇怪的 map "Offset"行为

Question

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

不幸的是，我已经添加了 map ，但在 map 窗口中 map 本身似乎发生了偏移。请参见下图来说明我的意思:

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

有什么想法会导致这种情况吗？

编辑:

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

这是我的 map CSS

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

这是我的 map HTML

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

Answer 1

我见过类似的事情。在无法访问任何代码的情况下，我最好的选择是在隐藏容器 div 时初始化 map 。我已经看到导致这样的症状。尝试在显示 map 时设置 map ，而不是之前。