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