lrm-google
v1.0.1
Published
Support for Google Directions API in Leaflet Routing Machine
Downloads
1,523
Readme
#Leaflet Routing Machine / Google Directions API
Extends Leaflet Routing Machine with support for Google Directions API.
For more information on the use of this router, the Leaflet Routing Machine tutorial on alternative routers is recommended.
Installing lrm-graphhopper
Use npm to install the lrm-google package.
npm install --save lrm-google
Include the appropriate javascript dependencies in your html file.
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<YOUR GOOGLE DIRECTIONS API KEY HERE>"></script>
require("lrm-google");
Using lrm-google
You will need a valid Google Directions API in order to use this router.
Basic Usage:
L.Routing.control({
waypoints: [
L.latLng(1.350794, 103.835950),
L.latLng(1.392755, 103.913670)
],
router: new L.Routing.Google(),
lineOptions: {
styles: [
{color: 'black', opacity: 0.3, weight: 11},
{color: 'white', opacity: 0.9, weight: 9},
{color: 'blue', opacity: 1, weight: 3}
]
}
}).addTo(map);
Specifying custom routing options (See the Directions Service API for more details):
L.Routing.control({
waypoints: [
L.latLng(1.350794, 103.835950),
L.latLng(1.392755, 103.913670)
],
router: new L.Routing.Google({
travelMode: google.maps.TravelMode.TRANSIT,
unitSystem: google.maps.UnitSystem.METRIC,
provideRouteAlternatives: true
}),
lineOptions: {
styles: [
{color: 'black', opacity: 0.3, weight: 11},
{color: 'white', opacity: 0.9, weight: 9},
{color: 'blue', opacity: 1, weight: 3}
]
}
}).addTo(map);