Discussion :

[Friksstyle]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[NoSmoking]

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

[Friksstyle]

J' ai essayé ces deux méthodes:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
});

[Friksstyle]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[NoSmoking]

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.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.
Interaction entre éléments du DOM et markers