1#@!#!123s

: / home5 / rakcha / www / app / assets / js / page /
Filename : gmaps-advanced-route.js
back
"use strict";



// initialize map

var map = new GMaps({

  div: '#map',

  lat: 23.014711,

  lng: 72.530810

});



// when the 'start travel' button is clicked

$("#start-travel").click(function () {

  $(this).fadeOut();

  $("#instructions").before("<div class='section-title'>Instructions</div>");

  map.travelRoute({

    origin: [23.014711, 72.530810],

    destination: [23.0193733, 72.5069159],

    travelMode: 'driving',

    step: function (e) {

      $('#instructions').append('<li class="media"><div class="media-icon"><i class="far fa-circle"></i></div><div class="media-body">' + e.instructions + '</div></li>');

      $('#instructions li:eq(' + e.step_number + ')').delay(450 * e.step_number).fadeIn(200, function () {

        map.setCenter(e.end_location.lat(), e.end_location.lng());

        map.drawPolyline({

          path: e.path,

          strokeColor: '#131540',

          strokeOpacity: 0.6,

          strokeWeight: 6

        });

      });

    }

  });

});