Столкнулся с данной проблемой в своей работе. Опишу более подробно.
Объект Гугл карты, при изменении размеров контейнера, в котором рендерится карта, не актуализирует внутренние размеры поля, от которых зависит центровка. К примеру, при уменьшении контейнера, центр «отползал» вправо-вниз. При увеличении ситуация становилось ещё хуже, т.к. карта переставала рендерится на весь контейнер, а рисовалась только в части соответствующей старым размерам области отрисовки.
Остальные инструменты карты позиционировались верно, отслеживая размеры контейнера.
Если вы столкнулись с подобной проблемой, то вам поможет следующий трюк:
|
|
// пусть объект карты гугл определен в переменной 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.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 2, 2016 г.
Найти координаты города, точки на карте проще простого. Откройте карту гугл и кликните в нужном месте карты.
Появится маркер и подсказка с координатами. ...
Читать
Февраль 20, 2019 г.
Да, речь идет о map.google.api. Типичная задача преобразования, т.к. многие объекты и службы карт Гугл работают с bounds, а на практике задача ставится исходя из центра и области.
Для перевода воспользуемся объектом гугл: google.maps.Circle.
...
Читать
Январь 25, 2018 г.
Поп-ап на картах гугл, объект google.maps.InfoWindow, привлекателен возможностью вставки в него собственного HTML контента. Но кастомизация внешнего вида ...
Читать
Октябрь 9, 2019 г.
Ошибка возникает при использовании сервисов Яндекс карт, вроде геокодинга.
Яндекс стал требовать обязательно использовать дополнительный параметр, передаваемый при загрузке скрипта - apikey. Данный параметр позволяет управлять квотами запросов ...
Читать