Bonjour à tous,

Alors voici mon problème.

Je créé un annuaire et je souhaite afficher un plan pour chaque adresse de mon annuaire lorsque je clique sur le bouton "afficher le plan", un peu comme dans les Pages Jaunes.

J'ai réussi à faire ceci grâce à un super tuto :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
		<meta charset="UTF-8" />
		<title>Plan</title>
		<style type="text/css">
			html {
				height: 100%
			}
			body {
				height: 100%;
				margin: 0;
				padding: 0
			}
			#EmplacementDeMaCarte {
				height: 100%
			}
		</style>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
 
var myGeocoder = new google.maps.Geocoder();
 
var GeocoderOptions = {
    'address' : '24 av Château d\'Eau, 33700 MERIGNAC',
    'region' : 'FR'
}
 
function GeocodingResult( results , status )
{
   // Traitement du résultat
}
 
myGeocoder.geocode( GeocoderOptions, GeocodingResult );
 
window.onload = function() {
	// Une variable pour contenir notre future marker
	var myMarker = null;
 
	// Des coordonnées de départ
	var myLatlng = new google.maps.LatLng(-34.397, 150.644);
 
	// Les options de notre carte
	var myOptions = {
		zoom: 15,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
 
	// On créé la carte
	var myMap = new google.maps.Map(
		document.getElementById('EmplacementDeMaCarte'),
		myOptions
	);
 
	// L'adresse que nous allons rechercher
	var GeocoderOptions = {
	    'address' : '24 av Château d\'Eau, 33700 MERIGNAC',
	    'region' : 'FR'
	}
 
	// Notre fonction qui traitera le resultat
	function GeocodingResult( results , status )
	{
	  // Si la recher à fonctionné
	  if( status == google.maps.GeocoderStatus.OK ) {
 
	    // S'il existait déjà un marker sur la map,
	    // on l'enlève
	    if(myMarker != null) {
	      myMarker.setMap(null);
	    }
 
	    // On créé donc un nouveau marker sur l'adresse géocodée
	    myMarker = new google.maps.Marker({
	      position: results[0].geometry.location,
	      map: myMap,
	      title: "MA MAISON"
	    });
 
	    // Et on centre la vue sur ce marker
	    myMap.setCenter(results[0].geometry.location);
 
	  } // Fin si status OK
 
	} // Fin de la fonction
 
	// Nous pouvons maintenant lancer la recherche de l'adresse
	var myGeocoder = new google.maps.Geocoder();
	myGeocoder.geocode( GeocoderOptions, GeocodingResult );
}
		</script>
	</head>
 
	<body>
		<div id="EmplacementDeMaCarte" style="width:620px; height:430px;"></div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
			<p>Or, il semble que JavaScript est désactivé ou qu\'il ne soit pas supporté par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
		</noscript>
	</body>
</html>
Mais je voudrai que l'adresse soit récupérée via ma base d'adresse. Je suppose avec des variables php, mais je n'arrive pas du tout à faire fonctionner ça...

Quelqu'un a t'il une idée ?

Merci pour votre aide, c'est assez urgent !!!
Merci
Karine