rajasthan_hackathon-4.0/map.html at master · pathakcodes1/rajasthan_hackathon-4.0 · GitHub

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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
  <head>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height:80%;}

      #ui { padding-left: 50%;
            }
       #ty {  padding-left: 38%; }

    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzRvHQoE265Wfz6gRRrzfpfKxBuj6_dcg&sensor=false">
    </script>
    <script type="text/javascript">
      //Declaring global variables
      var totalDistance;
      var directionsDisplay;
      var directionsService = new google.maps.DirectionsService();
      var map;
      var origin = "Mumbai,, Koliwada, Khar Danda, Mumbai, Maharashtra 400052, India";
      var points = new Array("509, Ram Mandir Rd, Danda Village, Khar Danda, Mumbai, Maharashtra 400052, India","504, Ram Mandir Rd, Patil Pada, Danda Village, Khar Danda, Mumbai, Maharashtra 400054, India",        "Mumbai,, Koliwada, Khar Danda, Mumbai, Maharashtra 400052, India","Holy Cross Church, , Juhu, Koliwada, Santacruz West, Mumbai, Maharashtra 400049, India","Ratandeep, Opposite Millionaire,, 29, Juhu Tara Rd, Mangelwadi, Airport Area, Juhu, Mumbai, Maharashtra 400049, India","18B, Juhu Tara Road, Shivaji Nagr, Juhu, Shivaji Nagr, Juhu, Mumbai, Maharashtra 400049, India","Juhu Road, Santacruz (West), Daulat Nagar, Juhu, Mumbai, Maharashtra 400049, India","# 1st Floor, Film Industry Welfare Trust House, Juhu Road, Near S.N.D.T College, Next to Ajivasan Hall, Santacruz West, MR Society, Daulat Nagar, Juhu, Mumbai, Maharashtra 400049, India","Relief Rd, Juhu, Santacruz (W), Shastri Nagar, Santacruz West, Mumbai, Maharashtra 400054, India","Linking Road, BEST Colony, Santacruz West, Juhu Tara Rd, Santacruz West, Mumbai, Maharashtra 400054, India","Shop No. 3, Near BSNL Complex, Juhu Tara Road, Santacruz West, Juhu Koliwada, Khar Danda, Mumbai, Maharashtra 400054, India","Administrative Building, B - Wing Juhu Danda Telecom Complex, SB Patil Road, Santacruz West, Mumbai Suburban, Juhu Koliwada, Khar Danda, Mumbai, Maharashtra 400054, India","Administrative Building, B - Wing Juhu Danda Telecom Complex, SB Patil Road, Santacruz West, Mumbai Suburban, Juhu Koliwada, Khar Danda, Mumbai, Maharashtra 400054, India","Sainara Building, Linking Road, Santacruz (West), Santacruz West, Mumbai, Maharashtra 400054, India","Sainara Building, Linking Road, Santacruz (West), Santacruz West, Mumbai, Maharashtra 400054, India","Grd Flr Red Chillies Entertainment Bldg, Jct of 15th Rd and Ram Krishna MissionRd, Vithaldas Nagar, Santacruz West, Mumbai, Maharashtra 400054, India","Pujya Shri Kanshiram Jain Smarak, Ahimsa Bhavan, 14th A Road, Ahimsa Marg, Khar West, Santacruz West, Mumbai, Maharashtra 400052, India.","101, 1St Floor, Trailokya, 16Th Road, Khar West, Mumbai, Maharashtra 400052, India","Chitrakar Dhurandhar Rd, Chuim Village, Ambedkar Colony, Khar West, Mumbai, Maharashtra 400052, India","No. 14, Nargis Dutt Road, Union Park, Khar West, Beside Tourist Hotel, Union Park, Pali Hill, Mumbai, Maharashtra 400052, India");

      function calcDistance(){                                 //To calculate distance
        var matrixService = new google.maps.DistanceMatrixService();
        matrixService.getDistanceMatrix({
          origins: [origin],
          destinations: points,
          travelMode: google.maps.TravelMode.DRIVING,
          avoidHighways: false,
          avoidTolls: false
        },callback);
      }

      function callback(response,status) {
        if(status != google.maps.DistanceMatrixStatus.OK) {
          alert("Sorry, it was an error: " + status);
        }

        else
        {
          var routes = response.rows[0];
          var sortable = [];
          for(var i= routes.elements.length-1; i>=0; i--)
          {
            var routeLength = routes.elements[i].distance.value;
            sortable.push([points[i],routeLength]);
          }

          sortable.sort(function(a,b){
            return a[1]-b[1];
          });

          var waypoints = new Array();

          for(var j=0;j< sortable.length-1;j++)
          {
            console.log(sortable[j][0]);
            waypoints.push({
              location: sortable[j][0],
              stopover: true
            });
          }
          var start = origin;
          var end = sortable[sortable.length-1][0];
          calcRoute(start,end,waypoints);
        }
      }
      function initialize() {                 //To initialize google maps
        directionsDisplay = new google.maps.DirectionsRenderer();
        var mapOptions = {
          center: new google.maps.LatLng(19.075071,72.825058), //Placing the center of map to Mellon Labs, Chennai
          zoom: 10,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          draggableCursor: "crosshair"
        };
        map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
        directionsDisplay.setMap(map);
      }
      function calcRoute(start,end,waypoints) {   //To calculate shortest route
        var request = {
        origin: start,
        destination: end,
        waypoints: waypoints,
        optimizeWaypoints: true,
        travelMode: google.maps.TravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(response);
          var route = response.routes[0];
          totalDistance = 0;
          for ( var i=0;i<route.legs.length;i++)
          {
            totalDistance+=route.legs[i].distance.value;
          }
          alert("Least total Distance for the given route is " +totalDistance/1000 + "km")
          }
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);  //To show map when website fully loaded
    </script>
  </head>
  <body>
    <div id="map-canvas"> </div>
    <br>
    <div id="ui">
    <input type="submit" onclick="calcDistance();"></div>
    <div id="ty">
    <p>click above to know the shortest route and total distance to travel </p></div>
  </div>
    <div id="totalDistance"></div>
    <br>

  </body>
</html>