API Карт Google - странная карта "Смещение" Поведение

Я добавляю карту рядом с формой на моей веб-странице. Идея состоит в том, что люди могут зарегистрироваться, а когда они вводят свой адрес и нажимают на поиск, он помещает их в свой дом, они должны сделать это, прежде чем отправлять форму (геолокация играет большую роль на моем сайте).

К сожалению, я добавил карту, но в окне карты сама карта оказывается смещенной. См. Изображение ниже, чтобы проиллюстрировать, что я имею в виду:

Я могу только перетащить карту из "отображенной" части окна. Если я выберу серой области, чтобы перетащить карту, она терпит неудачу.

Любые идеи, что может вызвать это?

EDIT:

Вот мой JavaScript-инициализирующий 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>

Ответ 1

Я видел подобные вещи. Без доступа к любому коду лучше всего то, что карта инициализируется в то время, когда контейнер div скрыт. Я видел, что это вызывает такие симптомы. Попробуйте настроить свою карту, пока вы ее показываете, а не раньше.

Ответ 2

Чтобы полностью отобразить карту при изменении видимости div, вы можете использовать этот код.

google.maps.event.trigger(map, 'resize');

Это приведет к изменению вашей карты внутри div и отобразит ее полностью.