Récupérer une adresse via variable php pour afficher google map
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:
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
