Sujet Précédent Sujet Suivant

Polygone google maps

guig'z Messages postés 4 Statut Membre -  
varfendell Messages postés 3259 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'ai un nouveau probleme!
comment faire un polygone sur google maps en cliquant les differents points du polygone???
j'y arrive lorsque j'ai un fichier définissant déja le polygone, mais il faut maintenant que je clic sur la carte est que cela dessine le polygone!

merci
A voir également:

3 réponses

Réponse 1 / 3
varfendell Messages postés 3259 Date d'inscription   Statut Membre Dernière intervention   707
 
Bonjour,

Tu peut creer un event a chaqu'un de tes cliques afin de recupérer les coordonnées et à l'aide de ces coordonnées tracé ton polygone. 

function initialiser() {
	var latlng = new google.maps.LatLng(46.779231, 6.659431);
	
	var options = {
		center: latlng,
		zoom: 19,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	var carte = new google.maps.Map(document.getElementById("carte"), options);
	
	/****************Nouveau code****************/
	
	//redéfinition du zoom
	carte.setZoom(18);
	
	//sommets du polygone
	var parcelleHeig = [
		new google.maps.LatLng(),
		new google.maps.LatLng(),
		new google.maps.LatLng(),
		new google.maps.LatLng()
	];

	polygoneParcelleHeig = new google.maps.Polygon({
		paths: parcelleHeig,//sommets du polygone
		strokeColor: "#0FF000",//couleur des bords du polygone
		strokeOpacity: 0.8,//opacité des bords du polygone
		strokeWeight: 2,//épaisseur des bords du polygone
		fillColor: "#0FF000",//couleur de remplissage du polygone
		fillOpacity: 0.35////opacité de remplissage du polygone
	});

	//lier le polygone à la carte
	//ceci permet au polygone d'être affiché sur la carte
	polygoneParcelleHeig.setMap(carte);

	/********************************************/
}


et tu rempli les new google.maps.LatLng(), avec les données recupéré par l'evenement.

La méthode pour recupéré une position sur la carte est

event.latLng

exemple: 

google.maps.event.addListener(marqueur, 'dragend', function(event) {
		//message d'alerte affichant la nouvelle position du marqueur
		alert("La nouvelle coordonnée du marqueur est : "+event.latLng);
	});
0
Réponse 2 / 3
guig'z Messages postés 4 Statut Membre
 
merci, j'avais déja trouvé la première partie.
mais par contre je n'arrive pas à faire en sorte de cliquer et que cela enregistre les points!comment faire pour insérer le event.latlong dans la partie du dessus.

merci
0
Réponse 3 / 3
varfendell Messages postés 3259 Date d'inscription   Statut Membre Dernière intervention   707
 
Et bien apr exemple tu creer un event sur la map: 

google.maps.event.addListener(carte, 'click', function(event) {
		/*ici tu met le code qui recupere dans un tableau le resultat de event.latLng*/
		//pouer voir ce qui t'es renvoyé:
		alert(event.latLng);
	});


Sinon pour plus d'info, voici toute la doc simple et compréhensible de google map API v3 (en esperant que tu bosse sur la V3):

http://code.google.com/intl/fr/apis/maps/documentation/javascript/reference.html
0