A function that gets a dot on Google Maps and returns the nearest bus

Hey,
I'm building a web application in Angular. I want the user to enter an origin and destination address on Google Maps and the result that is returned is through his bus ride. He needs to get him back on the shortest route. Where is the station and what bus line should he take. And how long the trip takes.

I would be very happy for any information !!!!!

This will give you solution:

const sourceLocation= {lat: 40.7767644, lng: -73.9761399};
const destinationLocation= {lat: 40.771209, lng: -73.9673991};
let directionsService = new google.maps.DirectionsService();
let directionsRenderer = new google.maps.DirectionsRenderer();
directionsRenderer.setMap(map); // Existing map object displays directions
// Create route from existing points used for markers
const route = {
origin: sourceLocation,
destination: destinationLocation,
travelMode: 'DRIVING'
}
directionsService.route(route,
function(response, status) { // anonymous function to capture directions
if (status !== 'OK') {
window.alert('Directions request failed due to ' + status);
return;
} else {
directionsRenderer.setDirections(response); // Add route to the map
var directionsData = response.routes[0].legs[0]; // Get data about the mapped route
if (!directionsData) {
window.alert('Directions request failed');
return;
}
else {
document.getElementById('msg').innerHTML += " Driving distance is " + directionsData.distance.text + " (" + directionsData.duration.text + ").";
}
}
});

https://cloud.google.com/blog/products/maps-platform/how-calculate-distances-map-maps-javascript-api

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Satya Karki5y ago
Accepted answer
Check this sample:

https://codepen.io/jasonmayes/pen/DupCH
https://developers.google.com/maps/documentation/javascript/geometry
+1
anna levin5y ago
Thanks for your response!
Does it bring back the nearest station? Or it returns a bus route (including bus alternatives)
0
Rijwan Ansari5y ago
This will give you solution:
const sourceLocation= {lat: 40.7767644, lng: -73.9761399};
const destinationLocation= {lat: 40.771209, lng: -73.9673991};
let directionsService = new google.maps.DirectionsService();
  let directionsRenderer = new google.maps.DirectionsRenderer();
  directionsRenderer.setMap(map); // Existing map object displays directions
  // Create route from existing points used for markers
  const route = {
      origin: sourceLocation,
      destination: destinationLocation,
      travelMode: 'DRIVING'
  }

  directionsService.route(route,
    function(response, status) { // anonymous function to capture directions
      if (status !== 'OK') {
        window.alert('Directions request failed due to ' + status);
        return;
      } else {
        directionsRenderer.setDirections(response); // Add route to the map
        var directionsData = response.routes[0].legs[0]; // Get data about the mapped route
        if (!directionsData) {
          window.alert('Directions request failed');
          return;
        }
        else {
          document.getElementById('msg').innerHTML += " Driving distance is " + directionsData.distance.text + " (" + directionsData.duration.text + ").";
        }
      }
    });
https://cloud.google.com/blog/products/maps-platform/how-calculate-distances-map-maps-javascript-api
+2