[jquery-ui-map] Sélectionner marqueur hors script Google Map

Bonjour,
Je viens d'afficher une map Google grâce à jQuery ( http://code.google.com/p/jquery-ui-map/ ) et j'ai ajouté mes petits marqueurs.

L'ennui c'est que je n'arrive pas à sélectionner mes marqueurs.
J'entends par là faire un "mouseover" hors du script d'affichage de la map.

Voici mon code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$('.map').gmap({ 'center': '40.262761,25.616455', 'zoom':4}).bind('init', function(evt, map) { //Marqueur Venise $('.map').gmap('addMarker', { id:'venise','position': '45.438251,12.318490'}).mouseover(function() { $('.map').gmap('openInfoWindow', {'content': 'J-1 Venise'}, this); }); //Marqueur Olympie $('.map').gmap('addMarker', { id:'olympie','position': '37.646671 , 21.625669'}).mouseover(function() { $('.map').gmap('openInfoWindow', {'content': 'J-2 Olympie'}, this); }); }); $('#venise').mouseover(function(){alert('oui');});

---

Si quelqu'un a une idée/solution je suis preneur.

merci d'avance ! :)

Bonjour,
regarde du coté de la méthode get ou encore find.

J' ai essayé ces deux méthodes:

Code:

---

1 2	$('.map').find('#venise').mouseover(function(){alert('oui');});

---

et

Code:

---

1 2	$('#venise').get(0).mouseover(function(){alert('oui');});

---

Malheureusement aucune des deux ne fait quelque chose....
Mais je continue dans cette idée.

Je ne parlais pas des méthodes jQuery mais des méthodes de la map.

Code:

---

1 2 3 4 5 6

$("#btn_action").on('click', function(){ var oMap = $('#map_canvas'); oMap.gmap('find', 'markers', { 'property': 'id', 'value': 'id_marqueur' }, function(marker){ oMap.gmap('openInfoWindow', {'content': 'Le super contenu de l\'infoWindow!'}, marker); }); });

---

ou mieux avec get

Code:

---

1 2 3 4 5

$("#btn_action").on('click', function(){ var oMap = $('#map_canvas'); var marker = oMap.gmap('get', 'markers')['id_marqueur']; oMap.gmap('openInfoWindow', {'content': 'Le super contenu de l\'infoWindow!'}, marker); });

---

Si j'ai bien compris les méthodes "Get" et "Find" de de Google permettent de retrouver le marqueur avec l'iid que l'on a donné.
L'ennui c'est que de mon côté cela ne marche pas.
Je suis parti de ton code voici le mien:

Code:

---

1 2 3 4 5 6 7

$("#venise").on('click', function(){ var oMap = $('.map'); oMap.gmap('find', 'markers', { 'property': 'id', 'value': 'venise' }, function(marker){ oMap.gmap('openInfoWindow', {'content': 'Le super contenu de l\'infoWindow!'}, marker); }); });

---

Mais par rapport à l'exemple que tu m'as donné, on ne fait qu'ouvrir une fenêtre dans la map.
Ce que je cherche à faire de mon côté c'est plutôt un changement d'une image (hors google map) au survol des marqueurs.
Du coup je me demande si c'est vraiment réalisable car mes recherches sur le web n'ont rien donné.
D'autant plus qu'avec Firebug et l'outil "Inspecter un élément en cliquant dessus" je n'ai pas le marqueur dans le code, seulement la balise "canvas" contenant les marqueurs.

As-tu déjà vu/fait quelque chose qui s'en rapproche?

Citation:

---

Mais par rapport à l'exemple que tu m'as donné, on ne fait qu'ouvrir une fenêtre dans la map.

---

dans la fonction tu peux mettre ce que tu veux comme action.

Citation:

---

Ce que je cherche à faire de mon côté c'est plutôt un changement d'une image (hors google map) au survol des marqueurs.

---

donc c'est dans la fonction mouseover du marker qu'il te faut mettre tes instructions qui peuvent être ce que tu veux.

Code:

---

1 2 3

$('.map').gmap('addMarker', { id:'venise','position': '45.438251,12.318490'}).mouseover(function() { $('#mon_image').show(); // par exemple });

---

Sinon on peut faire à peu près tout, ici sans plugin.
:fleche: Interaction entre éléments du DOM et markers

Merci pour le lien.

Effectivement je n'avais pas pensé à faire directement mes changements dans le mouseover.
Moi et ma p**** logique de shadok.....

Si j'ai un soucis je le rajouterai ici. Sinon je le mettrai en "Résolu"