Как правильно реализовать переключение между картами(Google Maps)?

Question

[Константин]

Подскажите, пожалуйста, как правильно реализовать переключение между картами? есть карта с отметками магазинов в одном городе и есть в другом. Переключаясь между городами одна карта по идее исчезает, другая появляется. Если просто скрывать CSS через opacity и visibility , при клике на ссылке передвижение между городами (точками) идет на одной карте. ( Т.е допустим если мы смотрим на точки города А, и переходим по точками этого города, передвижение происходит по карте города Б ). Если же скрывать одну карту через display none , то при возвращении на нее, она не отображается корректно(не инициализируется)

и как вообще правильно? закидывать всё в одну функцию (просто использовать разные контейнеры)? и можно ли как-то для каждой точки не отдельно маркер создавать , а создать объект со всеми адресами и координатами и через цикл создавать для каждого маркер и содержимое? для яндекса решение видел, с гуглом пока не разобрался

Comments

[freeExec]

А в чём глубокий смысл показывать на разных экземплярах карты?

Answer 1

[tyzberd]

когда скрываете через display:none, а потом показываете, используйте
google.maps.event.trigger(map, 'resize');
stackoverflow.com/questions/4700594/google-maps-di...

Comments

[Константин]

спасибо