Aller au contenu
manoaratefy

Google Maps : positionner et ajouter des marqueurs

Recommended Posts

manoaratefy    0

Bonjour,

 

Voilà, j'ai un petit soucis. J'ai dans ma base de données MySQL plusieurs endroits qui ont été tirés de Google Maps lui-même (en sélectionnant sur la carte sur la page d'enregistrement).

 

Maintenant, je veux afficher tous les endroits sur une seule et même carte. Et au dessus, il y aura un input qui servira à positionner la carte sur un endroit précis.

 

En bref, un peu comme sur la recherche de Parkadom.

 

Quelqu'un peut-il me donner un tutoriel ou un bout de code ? J'y comprend presque rien en JavaScript et à la documentation officielle de Google.

 

 

Merci d'avance.

Partager ce message


Lien à poster
Partager sur d’autres sites
manoaratefy    0

Merci beaucoup. Mais finalement, j'ai trouvé comment faire juste avec l'API de Google Maps. Voici à peut près le script :

 

var geocoder = new google.maps.Geocoder();
var latlng;
geocoder.geocode({"address":"Paris, France"}, function(data, status){ // Remplacer Paris France par celui trouvé dans l'input
	if (status == google.maps.GeocoderStatus.OK) {
		latlng = data[0].geometry.location;
	}else{
		alert("Erreur: "+status);
	}
});

function initialiser() {
	var options = {
		center: latlng,
		zoom: 12,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var carte = new google.maps.Map(document.getElementById("carte"), options);

 	// Pour chaque marqueur vaut un parking
  	var marqueur1 = new google.maps.Marker({
		position: new google.maps.LatLng(12, 12), // A latitude et longitude qui se remplace via PHP
		map: carte
	});
}
window.onload = function() { initialiser(); };

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×