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
| <script type="text/javascript">
var geocoder;
var map;
// initialisation de la carte Google Map de départ
function initialiserCarte() {
geocoder = new google.maps.Geocoder();
// Ici j'ai mis la latitude et longitude du vieux Port de Marseille pour centrer la carte de départ
var latlng = new google.maps.LatLng(43.295309,5.374457);
var mapOptions = {
zoom : 14,
center : latlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
// map-canvas est le conteneur HTML de la carte Google Map
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function TrouverAdresse() {
// Récupération de l'adresse tapée dans le formulaire
var adresse = document.getElementById('searchTextField').value;
geocoder.geocode( { 'address': adresse}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
// Récupération des coordonnées GPS du lieu tapé dans le formulaire
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
// Affichage des coordonnées dans le <span>
document.getElementById('lat').innerHTML=latitude;
document.getElementById('lng').innerHTML=longitude;
// Création du marqueur du lieu (épingle)
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert('Adresse introuvable: ' + status);
}
});
}
// Lancement de la construction de la carte google map
google.maps.event.addDomListener(window, 'load', initialiserCarte);
</script> |
Partager