Карты Google не отображают всю карту в контейнере div

0

У меня есть div с картой google внутри, но карта не отображается полностью.. просто показывает часть карты, а другая - все серое, и если я перемещаю карту с помощью курсора, визуальная часть карты движется отлично, но размер но не принимает весь размер div.

Это div и моментальный снимок:

<div style="height: 275px; width: 715px;" id="map_display"></div>

Изображение 174551

  • 1
    Это может быть проблема обновления. попытайтесь повторно инициализировать карту после загрузки страницы. это поможет. или покажи свой код
  • 0
    Можете ли вы опубликовать скрипку своего JS?
Теги:
google-maps

3 ответа

1
Лучший ответ

Вам нужно вызвать событие изменения размера в картах Google, например

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

После инициализации карт Google

Поделиться
  • 2
    Вам не нужно этого делать.
  • 1
    Спасибо! это сработало для меня.
0

Ответ, предоставленный здесь, может быть вам полезен, проблема в том, что карта была загружена до калибровки div (возможно, она имеет динамический размер?).

Загрузка карты после остальной части элементов страницы должна помочь.

Поделиться
0

Рабочий скрипт

function InitializeMap() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_display"), myOptions);
}
$(document).ready(function () {
    InitializeMap();
});
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню