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