Discussion :

[stevensavior]

Bonjour à tous !

Ce que je voudrais c'est que quand je déplace un marker et que je clique droit dessus, une infowindow s'ouvre et affiche les nouvelles coordonnées et adresse du marker déplacé.

Je cherche le code qui va me pemettre de trouver et afficher les nouvelles coordonnées du marker ou de la nouvelle infowindow.

J'ai donc testé ceci:

Code :

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

1
2
3
4
5
6
7
8
 
// Affichage coordonnees et adresse dans infowindow sur un marker par clic droit	
google.maps.event.addListener(marker, 'rightclick', function (evt) {
       var content = "<div class='infowindow'>";
       content += "Latitude: " + evt.latLng.lat() + "<br/>";
       content += "Longitude: " + evt.latLng.lng() + "</div>";
       HandleInfoWindow(evt.latLng, content);
});

Puis la fonction:

Code :

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

1
2
3
4
5
6
 
function HandleInfoWindow(latLng, content) {
    infoWindow.setContent(content);
    infoWindow.setPosition(latLng);
    infoWindow.open(map,marker);
}

Mais cela ne donne rien quand je clique droit sur le marker.
Merci de votre aide

[NoSmoking]

Bonjour,

Je cherche le code qui va me pemettre de trouver et afficher les nouvelles coordonnées du marker...

un simple appel à la méthode getPosition() est largement suffisant.

google.maps.Marker class.

[stevensavior]

Merci ca marche très bien en utilisant ceci:

Code :

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

1
2
 
document.getElementById('coords').value = marker.getPosition();

Mais dans le cas ou je voudrais aussi afficher l'adresse comment faire ?

[NoSmoking]

Si tu veux en plus récupérer l'adresse du point il te faut passer par un géocodage via l'objet google.maps.Geocoder.

[stevensavior]

Je me suis aidé de cet exemple.

J'inclus ces fonctions pour le reverse geocoding avant la fonction initialize()

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var geocoder = new google.maps.Geocoder();	
 
function geocodePosition(pos) {
  geocoder.geocode({
    latLng: pos
  }, function(responses) {
    if (responses && responses.length > 0) {
      updateMarkerAddress(responses[0].formatted_address);
    } else {
      updateMarkerAddress('Cannot determine address at this location.');
    }
  });
}
 
function updateMarkerPosition(latLng) {
  document.getElementById('coords').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}
 
function updateMarkerAddress(str) {
  document.getElementById('coords2').innerHTML = str;
}

"coords" est l'ID d'une textbox affichant les coordonnées
"coords2 est l'ID d'une textbox censée afficher l'adresse du marker deplacé

Ensuite dans la fonction initialize() je demande à que les coordonnées et l'adresse soient affichées dans les deux textbox lors des evenements de deplacement du marker:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
        updateMarkerPosition(marker.getPosition());
	geocodePosition(marker.getPosition());
 
 
	google.maps.event.addListener(marker, 'dragstart', function() {
        updateMarkerAddress('Dragging...');	
	});
 
	google.maps.event.addListener(marker, 'drag', function() {
		updateMarkerPosition(marker.getPosition());	
		document.getElementById('coords').value = marker.getPosition();	
	});	
 
	google.maps.event.addListener(marker, 'dragend', function() {
		document.getElementById('coords').value = marker.getPosition();
		geocodePosition(marker.getPosition());
 
	});

Les coordonnées s'affichent bien dans la textbox "coords" quand on deplace le marker mais rien se s'affiche dans la textbox "coords2" censée afficher l'adresse.

[NoSmoking]

Le moins que l'on puisse dire est que tu n'a pas trouvé l'exemple le plus clean

Code :

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

1
2
3
function updateMarkerAddress(str) {
  document.getElementById('coords2').innerHTML = str;
}

si ton élément est une TEXTAREA alors il ne possède pas de innerHTML mais une value.

[stevensavior]

Oui je vais essayer de trouver un exemple plus clean...