search

inocan-group / vue3-google-map

A set of composable components for easy use of Google Maps in your Vue 3 projects.
https://vue3-google-map.com
MIT License
264 stars 51 forks source link

how to handle z-index on mouse over with custom maker and marker cluster #161

Closed select-good-way closed 3 months ago

select-good-way commented 9 months ago

how to handle z-index on mouse over with custom maker and marker cluster 1) when cursor over the maker which in below the other marker then show the marker above the other markers by increasing z-index

2) when mouse cursor over the the cluster then show marker above the other cluster or marker

please assist me how to achieve this, I was trying to increase z-index by apply mouse over event its working if two clusters are overlapped each other but for custom markers it's not working if cluster icon is below any custom marker then it's not coming forward to the custom marker

HusamElbashir commented 9 months ago

There is no easy way to do this unfortunately. We need to place custom markers on the overlayMouseTarget pane to receive DOM events but regular markers exist on the markerLayer pane which is below.

select-good-way commented 9 months ago

instead on custom marker now I am using marker mouse over and out not working for increasing z index