Как я могу сделать так, чтобы маркеры Google Map были наверху при наведении курсора с помощью JS API?

Question

По сути, я хочу убедиться, что когда пользователь наводит курсор на маркер, он выводится на первый план.Я занимаюсь поиском отелей, поэтому существует множество ситуаций, когда многие отели объединяются в группы [например, Стрип в Вегасе] - чтобы увидеть хороший пример того, что происходит, ознакомьтесь с hotels.com [прямая ссылка ниже]

http://www.hotels.com/search/searchmap.html?ar=HomePage::NoSuggest&cd=12-24-10&dd=12-26-10&nr=1&pn=1&r=1&rl=destination:1642852:EXACT_RED:HIGH&so=BEST_SELLER&vc=true&vt=MAP#so=BEST_SELLER&vt=MAP&rl=destination%3A1642852%3AEXACT_RED%3AHIGH&pfm=1&dn=Las+Vegas+(and+vicinity),+Nevada,+United+States&cd=12/24/10&dd=12/26/10&nr=1&pn=1&pfcc=USD&minp=0&maxp=500&ming=0&maxg=5&r=1&cpr=0

Любая помощь будет оценена, спасибо

Answer 1

API Карт Google V3 предоставляет метод setZIndex () для объекта Marker. Вы можете вызвать этот метод для продвижения маркера на передний план.

Чтобы заставить его работать, я должен был сначала установить zIndex на каждый маркер, как я его создал. Я инициализировал их все одинаковым значением (9, что было произвольным). Затем, при наведении мыши на название отеля (в списке рядом с картой), я использовал метод setZIndex, чтобы изменить значение zIndex маркера этого отеля на более высокое значение, чем у других (10, опять же, произвольно). В событии mouseout я вернул zIndex к исходному значению.

Answer 2

Просто включите событие для установки z-index для родителя элемента hovered. Я думаю, вот как они это делают

<div style="position: absolute; left: 539px; top: 164px; display: block; z-index: 9">
   <span class="map_pin range_mid" style=""></span>   <-- your element
</div>    <--- parent