Инициализация карты google после изменения размеров контейнера карты

Столкнулся с данной проблемой в своей работе. Опишу более подробно.

Объект Гугл карты, при изменении размеров контейнера, в котором рендерится карта, не актуализирует внутренние размеры поля, от которых зависит центровка. К примеру, при уменьшении контейнера, центр «отползал» вправо-вниз. При увеличении ситуация становилось ещё хуже, т.к. карта переставала рендерится на весь контейнер, а рисовалась только в части соответствующей старым размерам области отрисовки.

Остальные инструменты карты позиционировались верно, отслеживая размеры контейнера.

Если вы столкнулись с подобной проблемой, то вам поможет следующий трюк:

Мы запоминаем центр карты, имитируем событие resize и восстанавливаем позицию центра.

Мало букафф? Читайте есчо !

Как получить bounds, зная центр области и радиус?

Февраль 20, 2019 г.

Да, речь идет о map.google.api. Типичная задача преобразования, т.к. многие объекты и службы карт Гугл работают с bounds, а на практике задача ставится исходя из центра и области. Для перевода воспользуемся объектом гугл: google.maps.Circle. ...

Читать

Определить город по IP адресу

Май 4, 2017 г.

Писал ранее об API ipinfo.io. Сервис позволяет вытащить как гео координаты, так и названия города, региона, страны. Единственный недостаток - информация на английском языке. В данной статье рассмотрим пару примеров использования сервиса. Обращение ...

Читать

Определение города по ip, российская база

Декабрь 23, 2010 г.

Все таки существует какое то общее информационное пространство идей. То, что носится в воздухе и завладевает умами. В канун нового года решение данной задачи понадобилось как минимум в трех проектах. В связи с чем, мною был найден проект, созданный ...

Читать

Знакомимся с картами Гугл (google maps)

Январь 23, 2010 г.

Сегодня google предлагает такое количество api и инструментов для разработчиков, что уже наверное сами затрудняются придумать что то новое. А моё знакомство ...

Читать
 

Комментарии к «Инициализация карты google после изменения размеров контейнера карты»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: