Suite

Comment animer les icônes Markercluster

Comment animer les icônes Markercluster


J'utilise Jquery Google Map V3 avec markerclusterplus. Je souhaite animer une icône de cluster lorsque je survole l'icône. Mon code d'événement Clusterhover est,

var mc = new MarkerClusterer(map, markersarray,mcOptions); google.maps.event.addListener(mc, "mouseover", function (c) { console.log(this); $(this).effect( 'bounce', { times: 3 }, 'slow'); // $("div.cluster").effect( 'bounce', { times: 3 }, 'slow'); });

Mais je suis confronté à l'erreur suivante,

Uncaught TypeError: $(… ).effect n'est pas une fonction (fonction anonyme) @ groupmap.html:309S.trigger @ main.js:20(fonction anonyme) @ markercluster.js:186

Comment puis-je y parvenir ?


En regardant lecvariable dans les outils de développement de mon navigateur, j'ai trouvé que l'élément HTML réel sur lequel vous voulez votre effet estc.clusterIcon_.div_. Votregoogle.maps.event.addListenerla fonction devrait alors ressembler à ceci :

google.maps.event.addListener(markerCluster, "mouseover", fonction (c) { $(c.clusterIcon_.div_).effect( 'bounce', { times: 3 }, 'slow'); });

Votre message d'erreur indique que vous n'avez pas ajouté les fichiers javascript jQuery UI dans votre code, ou que vous les avez placés trop loin en bas. Il devrait être inclus avant que vous appelez n'importe quelle fonction jQuery UI commeeffet.

Voici une démo JSFiddle fonctionnelle : http://jsfiddle.net/k65qkhbL/1/