Discussion :

[Ambassador]

Bonjour,

J'ai créé une map simple, centrée en un certain point dans initialize, avec une fonction qui me place des marqueurs et quelques autres trucs. Tout fonctionne correctement.

J'aimerais maintenant, via un menu déroulant, pouvoir re-centrer cette carte en fonction des possibilités.
Par exemple
choix 1 : Paris -> la carte se recentre sur Paris
choix 2 : Lille -> la carte se recentre sur Lille

Je ne vois pas trop comment procéder.
Pourriez-vous m'aider ?
Merci

[NoSmoking]

Bonsoir,
il te faut utiliser la méthode setCenter de l'objet google.maps en passant en paramètres la nouvelle position du centre.
Cette position est un objet google.maps.LatLng.

Code :

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

1
2
var newCentre = new google.maps.LatLng( val_latitude, val_longitude);
oMap.setCenter( newCentre);

[Ambassador]

Merci de ta réponse NoSmoking,

J'ai essayé de faire qqch mais je manque sûrement de bases...

Actuellement, j'en suis avec un formulaire avec un évènement onChange sur ma fonction initialize et des Value sous forme VALUE="lat,lon"

Et voilà ce que j'ai mis dans ma fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
	var newCentre;
	if (formulaire.Choix.ListeComm.selectedIndex != 0)
		{
		newCentre = new google.maps.LatLng(formulaire.Choix.ListeComm.options[formulaire.Choix.ListeComm.selectedIndex].value);
		map.setCenter(newCentre);
		}
	else 
		{
		alert('Veuillez choisir une commune.');
		}

Est-ce que je m'y prends mal ? Dois-je faire 2 valeurs distinctes pour la lat et la lon ?
Merci.

[NoSmoking]

Est-ce que je m'y prends mal ? Dois-je faire 2 valeurs distinctes pour la lat et la lon ?

l'approche est bonne, il te faut effectivement récupérer les 2 valeurs distinctement pour pouvoir initialisé un objet google.maps.LatLng

Code :

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

1
2
3
4
5
6
7
8
9
10
// recup de la value de l'option sélectionnée
var valeur = formulaire.Choix.ListeComm.value;
// recup des 2 valeurs distinctes
var tab = valeur.split(',');    // convertit une chaine en tableau
var lat = parseFloat( tab[0]);  // convertit une chaine en flottant
var lon = parseFloat( tab[1]);  // convertit une chaine en flottant
// création de l'objet LatLng
var newCentre = new google.maps.LatLng( lat, lon);
// centre la carte
map.setCenter(newCentre);

[Ambassador]

Merci NoSmoking, vraiment.
Avec les conversions pour obtenir 2 valeurs distinctes, cela fonctionne.