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
| var map;
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
function initialize() {
var latlng = new google.maps.LatLng(44.089224, 6.853763999999956); // Correspond au centre de la carte (Guillaumes)
var myOptions = {
zoom: 12,
center: latlng,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById(
'panel'));
}
function calculate(){
directionsService.route({
origin: document.getElementById('origin').value,
destination: document.getElementById('destination').value,
unitSystem: google.maps.DirectionsUnitSystem.METRIC,
travelMode: google.maps.DirectionsTravelMode.DRIVING
}, function(result, status){
if (status == google.maps.DirectionsStatus.OK){
directionsDisplay.setDirections(result);
directionsDisplay.setOptions({'suppressMarkers': true}); // supprime les marqueurs
var data = result.routes[0].legs[0]; // 1st itinéraire retourn\0000E9
var debPoint = data.start_location; // format LatLng
var endPoint = data.end_location; // format LatLng
var depart = new google.maps.Marker({
position: debPoint,
map: map,
title: "Cliquez-moi",
icon: "../icon/home_bleu.png"
});
var parking = new google.maps.Marker({
position: endPoint,
map: map,
title: "Cliquez-moi",
icon: "../icon/parking.png"
});
var infoWindowparking = new google.maps.InfoWindow({
content: '<h4 style="text-align: center;">Le Circuit des Lacs</h4><p style="text-align: center;">D\u00e9part de la randonn\u00e9e.<br /> Parking du Col de la Cayolle sur la D 2202</p>' +
'<p style="text-align: center;">Coordonn\u00e9es GPS: 44.260041, 6.743710</p>'
});
google.maps.event.addListener(parking, 'click', function(){
infoWindowparking.open(map, parking);
});
var infoWindowdepart = new google.maps.InfoWindow({
content: '<div id="bulle"><h4>Votre lieu de d\u00e9part : </h4>'+ data.start_address + '</div>'
});
google.maps.event.addListener(depart, 'click', function(){
infoWindowdepart.open(map, depart);
});
} else {
alert('Le calcul d\'itin\u00e9raire a \u00e9chou\u00e9.');
}
});
} |
Partager