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
|
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="EmplacementDeMaCarte" style="width:100%;height:380px";></div>
<span id="text_latlng"></span>
<div id="map-canvas" style="float:right;height:220px;width:45%"></div>
<form>
<input type="text" id="adresse" name="adresse"/>
<input type="button" value="Localiser sur Google Map" onclick=" TrouverAdresse()"/>
</form>
//........
<script>
function TrouverAdresse() {
var geocoder = new google.maps.Geocoder();
// Récupération de l'adresse tapée dans le formulaire
var adresse = document.getElementById('adresse').value;
geocoder.geocode({'adresse': adresse }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
maCarte.setCenter(results[0].geometry.location);
// Récupération des coordonnées GPS du lieu tapé dans le formulaire
var strposition = results[0].geometry.location+"";
strposition=strposition.replace('(', '');
strposition=strposition.replace(')', '');
// Affichage des coordonnées dans le <span>
document.getElementById('text_latlng').innerHTML='Coordonnées : '+strposition;
// Création du marqueur du lieu (épingle)
var marker = new google.maps.Marker({
map: maCarte,
position: results[0].geometry.location
});
} else {
alert('Adresse introuvable: ' + status);
}
});
}
// ajout d'un DOM listener pour l'exécution de la fonction intialize
google.maps.event.addDomListener( window, 'load', initialisation );
</script> |
