I have one more help that ...kindly help its very urgent need..(thanks by advance)
How can I calculate the draggle locationicon to get the calucate distance (here whenever we enter the source to destinate its will show the distance but I want to know by using the draggable icon to get the distance and duration)
- "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- body
- {
- font-family: Arial;
- font-size: 10pt;
- }
- var source, destination;
- var directionsDisplay;
- var directionsService = new google.maps.DirectionsService();
- google.maps.event.addDomListener(window, 'load', function () {
- new google.maps.places.SearchBox(document.getElementById('txtSource'));
- new google.maps.places.SearchBox(document.getElementById('txtDestination'));
- directionsDisplay = new google.maps.DirectionsRenderer({ 'draggable': true });
- });
- function GetRoute() {
- var mumbai = new google.maps.LatLng(18.9750, 72.8258);
- var mapOptions = {
- zoom: 7,
- center: mumbai
- };
- map = new google.maps.Map(document.getElementById('dvMap'), mapOptions);
- directionsDisplay.setMap(map);
- //directionsDisplay.setPanel(document.getElementById('dvPanel'));
- //*********DIRECTIONS AND ROUTE**********************//
- source = document.getElementById("txtSource").value;
- destination = document.getElementById("txtDestination").value;
- var request = {
- origin: source,
- destination: destination,
- travelMode: google.maps.TravelMode.DRIVING
- };
- directionsService.route(request, function (response, status) {
- if (status == google.maps.DirectionsStatus.OK) {
- directionsDisplay.setDirections(response);
- }
- });
- //*********DISTANCE AND DURATION**********************//
- var service = new google.maps.DistanceMatrixService();
- service.getDistanceMatrix({
- origins: [source],
- destinations: [destination],
- travelMode: google.maps.TravelMode.DRIVING,
- unitSystem: google.maps.UnitSystem.METRIC,
- avoidHighways: false,
- avoidTolls: false
- }, function (response, status) {
- if (status == google.maps.DistanceMatrixStatus.OK && response.rows[0].elements[0].status != "ZERO_RESULTS") {
- var distance = response.rows[0].elements[0].distance.text;
- var duration = response.rows[0].elements[0].duration.text;
- var dvDistance = document.getElementById("dvDistance");
- dvDistance.innerHTML = "";
- dvDistance.innerHTML += "Distance: " + distance + "
- dvDistance.innerHTML += "Duration:" + duration;
- } else {
- alert("Unable to find the distance via road.");
- }
- });
- }
- Source:
- Destination: