Map click triggered on custom marker click about vue2-gmap-custom-marker

[vlada-symphony]

I tried event.preventDefault(); on the marker handler, but thats not working :-)

I think what you want is event.stopPropagation(), so basically replace @click.native="onMarkerClicked($event, marker)" with @click.native.stop="onMarkerClicked($event, marker)".

[eregnier]

Can you tell me what is the exact problem you have with this code ? any undesired effect ? what do you want to do and what does fails ?
I may help you better with more context :)

[markmooibroek]

The undesired effect is that when on clicking on the marker the map click is also detected. I want the click on the marker to add a marker to a selection and if no marker is clicked I want to clear the selection. And because the maps.click is triggered after the marker.click my selection is not working.

Hope this clears it up a bit :-)

[eregnier]

Thank you for details. I don't know if there is good patterns for this.

I have 2 solutions in mind :

1. do it well by understanding gmap api, handle events properly and so on.
   I have no time for this at the moment, but any help would be appreciated :)

2. Do an adhoc handling that I woud do like this :

lastMarkerClickTime = + new Date() //save the date in marker click callback

and on the map click callback

if (+ new Date() - lastMarkerClickTime > 300) {
    /*if one marker was clicked more than 300 ms ago then clear*/ 
   clearMap()
}

Is it enought for your needs ?

[markmooibroek]

Awesome! Works like a charm. Not too advanced with Vue yet. Thanks for helping!

[eregnier]

@vlada-symphony : Perfect 👍 I did not know this (or just forgot about it). thank you for help and improvements. ✔️

[cjlaborde]

@vlada-symphony thank you so much!
Been testing for over an hour to fix a similar issue.