Élément sur les changements de clics google maps styles

Question

J'essaie de changer les styles de Google Maps lorsque l'utilisateur clique sur une ancre. Pour ce faire, j'essaie de faire une simple alerte à l'intérieur de addListener mais cela ne semble pas fonctionner.

html

<a href="" id="click-me">click me</a> 

js

... 

google.maps.event.addListener(document.getElementById('click-me'), 'click', function(){ 
    alert('asdf'); 
}); 

... 

Qu'est-ce que je fais mal?

Obs 1: J'ai également essayé d'utiliser preventDefault().

Obs 2: L'ancre est déjà dans DOM. Il n'est pas inséré dynamiquement.

Answer 1

Si l'écouteur se trouve sur un élément DOM, utilisez addDomListener et non addListener. Changement:

google.maps.event.addListener(document.getElementById('click-me'), 'click', function(){ 
    alert('asdf'); 
}); 

Pour:

google.maps.event.addDomListener(document.getElementById('click-me'), 'click', function(){ 
    alert('asdf'); 
});