Столкнулся с данной проблемой в своей работе. Опишу более подробно.
Объект Гугл карты, при изменении размеров контейнера, в котором рендерится карта, не актуализирует внутренние размеры поля, от которых зависит центровка. К примеру, при уменьшении контейнера, центр «отползал» вправо-вниз. При увеличении ситуация становилось ещё хуже, т.к. карта переставала рендерится на весь контейнер, а рисовалась только в части соответствующей старым размерам области отрисовки.
Остальные инструменты карты позиционировались верно, отслеживая размеры контейнера.
Если вы столкнулись с подобной проблемой, то вам поможет следующий трюк:
|
|
// пусть объект карты гугл определен в переменной map var map = new google.maps.Map( document.getElementById('mymap'), {}); ... // Ре-инициализация внутренних размеров var center = map.getCenter(); google.maps.event.trigger(map, 'resize'); map.setCenter(center); |
Мы запоминаем центр карты, имитируем событие resize и восстанавливаем позицию центра.
Картежник
Данная запись опубликована в 02.02.2018 19:05 и размещена в рубрике javaScript.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Май 1, 2017 г.
Функция geocode из API карт Яндекс работает в обе стороны. Получив строку адреса - сервис будет искать известные адреса и сообщит вам гео-коордитаны среди ...
Читать
Октябрь 9, 2019 г.
Ошибка возникает при использовании сервисов Яндекс карт, вроде геокодинга.
Яндекс стал требовать обязательно использовать дополнительный параметр, передаваемый при загрузке скрипта - apikey. Данный параметр позволяет управлять квотами запросов ...
Читать
Декабрь 21, 2017 г.
Наверное, если ничего кроме карты нет на вашем сайте, то управление масштабом с помощью прокрутки мыши - это удобно. Но обычно карта - лишь дополнительный элемент страницы, и такое поведение раздражает пользователя.
Давайте посмотрим как отключить ...
Читать
Февраль 20, 2019 г.
Да, речь идет о map.google.api. Типичная задача преобразования, т.к. многие объекты и службы карт Гугл работают с bounds, а на практике задача ставится исходя из центра и области.
Для перевода воспользуемся объектом гугл: google.maps.Circle.
...
Читать