Google Maps V3 - Рисование прямоугольников с помощью инфооктонов

Question

Я хотел бы выделить около ~ 15 прямоугольников, примерно ~ 40% непрозрачности, на карте google - что было бы лучше всего для этого, а также связать некоторые данные HTML с этим?

Массив, а затем через него? Как я могу сделать подсказку (желательно) всплывающей подсказкой или, по крайней мере, щелчком?

Answer 1

Вы можете создать набор из google.maps.Rectangle экземпляров и использовать RectangleOptions для установки fillOpacity на 0.4. Прямоугольник является объектом JavaScript, поэтому вы можете связывать любые данные, которые вы хотите, с любым из экземпляров.

Прямоугольник также запускает события для: mouseover и click, поэтому вы можете инициировать события DOM, о которых вы упоминаете. Чтобы заставить прямоугольник принимать клики, RectangleOptions, который вы передаете функции конструктора, также может включать в себя член: clickable, который позволяет вам выбирать прямоугольник для кликов, если он установлен: true.

Или если вы просто хотите разместить прямоугольную метку на карте и добавить содержимое innerHTML, почти как заметку, размещенную на карте, вам может быть интересна библиотека google-maps-utility InfoBox. Он позволяет полностью контролировать стиль и имеет механизмы, позволяющие вам контролировать обработку/распространение событий.