Столкнулся с данной проблемой в своей работе. Опишу более подробно.
Объект Гугл карты, при изменении размеров контейнера, в котором рендерится карта, не актуализирует внутренние размеры поля, от которых зависит центровка. К примеру, при уменьшении контейнера, центр «отползал» вправо-вниз. При увеличении ситуация становилось ещё хуже, т.к. карта переставала рендерится на весь контейнер, а рисовалась только в части соответствующей старым размерам области отрисовки.
Остальные инструменты карты позиционировались верно, отслеживая размеры контейнера.
Если вы столкнулись с подобной проблемой, то вам поможет следующий трюк:
|
|
// пусть объект карты гугл определен в переменной 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 г.
Все таки существует какое то общее информационное пространство идей. То, что носится в воздухе и завладевает умами. В канун нового года решение данной задачи понадобилось как минимум в трех проектах.
В связи с чем, мною был найден проект, созданный ...
Читать
Июнь 2, 2016 г.
Найти координаты города, точки на карте проще простого. Откройте карту гугл и кликните в нужном месте карты.
Появится маркер и подсказка с координатами. ...
Читать
Октябрь 9, 2019 г.
Ошибка возникает при использовании сервисов Яндекс карт, вроде геокодинга.
Яндекс стал требовать обязательно использовать дополнительный параметр, передаваемый при загрузке скрипта - apikey. Данный параметр позволяет управлять квотами запросов ...
Читать
Апрель 11, 2016 г.
Обнаружил ещё один качественный сервис по геолокации. В отличии от базы IPGEOBASE, где собраны российские и украинские ip адреса, данная база определяет ...
Читать