Map With Routes

by Gopinath Kaliappan

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry,places&amp;ext=.js"></script>
<div id="map"></div>

CSS

html,
body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

#map {
  height: 100%;
  width: 100%;
  border: 1px solid #000;
}

JavaScript

function initMap() {
  //console.log("sdsfsd");
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: {
      lat: 28.6247,
      lng: 77.3731
    },
    disableDefaultUI: true,
    //28.6247375!4d77.3731819
  });

  var directionsService = new google.maps.DirectionsService;
  var directionsDisplay = new google.maps.DirectionsRenderer({
    suppressInfoWindows: true,
    suppressMarkers: true
  });


  var response = {
    "abcd": {
      "points": [
        [28.5435, 77.2051, "2016-07-17 08:02:18 - 28.543500 - 77.205100"],
        [28.5313, 77.249, "2016-07-17 12:32:38 - 28.531300 - 77.249000"],
        [28.5279, 77.2462, "2016-07-17 12:35:02 - 28.527900 - 77.246200"],
        [28.5328, 77.2391, "2016-07-17 12:36:42 - 28.532800 - 77.239100"],
        [28.5407, 77.24, "2016-07-17 12:38:23 - 28.540700 - 77.240000"],
        [28.543, 77.2139, "2016-07-17 12:42:36 - 28.543000 - 77.213900"],
        [28.5429, 77.2095, "2016-07-17 12:43:26 - 28.542900 - 77.209500"],
        [28.5332, 77.2071, "2016-07-17 12:48:30 - 28.533200 - 77.207100"],
        [28.531, 77.2113, "2016-07-17 12:52:43 - 28.531000 - 77.211300"],
        [28.5315, 77.2077, "2016-07-17 13:03:15 - 28.531500 - 77.207700"],
        [28.5433, 77.2117, "2016-07-17 13:08:27 - 28.543300 - 77.211700"],
        [28.5412, 77.2374, "2016-07-17 13:12:50 - 28.541200 - 77.237400"],
        [28.5311, 77.2482, "2016-07-17 17:49:02 - 28.531100 - 77.248200"]
      ]
    },
    "ret-abcd": {
      "points": [
        [28.5294, 77.2502, "2016-07-18 07:29:38 - 28.529400 - 77.250200"],
        [28.5541, 77.2637, "2016-07-18 07:43:59 - 28.554100 - 77.263700"],
        [28.5635, 77.2648, "2016-07-18 07:46:08 - 28.563500 - 77.264800"],
        [28.5721, 77.2579, "2016-07-18 07:48:07 - 28.572100 - 77.257900"],
        [28.5746, 77.2608, "2016-07-18 07:49:14 - 28.574600 - 77.260800"],
        [28.5787, 77.2813, "2016-07-18 07:51:16 - 28.578700 - 77.281300"],
        [28.5731, 77.3086, "2016-07-18...