Как мне панорамировать карту, чтобы все маркеры всегда были видны, когда div частично покрывает карту?(Google Maps API v3)

Question

У меня есть div, содержащий карту, установленную на 100% ширины и высоты, занимающую весь видовой экран.Меню анимируется в верхней части карты.Когда пользователи щелкают один из маркеров на карте, рядом с меню с содержимым загружается другой div.

Когда загружается div содержимого, я хочу, чтобы карта перемещалась и масштабировалась, чтобы все маркеры помещались воставшееся пространство, которое пользователь все еще может видеть.Размеры div делятся на проценты, поэтому оставшееся пространство составляет 40% от области просмотра.Когда div содержимого закрыт, я бы хотел, чтобы он делал то же самое снова, на этот раз используя дополнительное пространство.

Я изо всех сил пытаюсь понять, как это сделать.Я предполагаю, что мне нужно определить границы в пиксельных координатах, а затем использовать fitToBounds ()?

Answer 1

Это потребует тестирования, но я думаю, что fitBounds будет учитывать реальные элементы управления, которые вы имеете на карте.

Так что, возможно, вы могли бы сделать свой div пользовательским элементом управления.

Answer 2

Сделайте ваш контент div оверлейным.

Это должно позволить картам Google правильно справиться с этим в окне просмотра.