lrm-google-master

1.0.0 • Public • Published

#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 Bower to install the lrm-google package.

bower 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>
<script src="bower_components/lrm-google/lrm-google.js"></script>

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: 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: 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);

##Demo

See the Demo for an example of usage.

Readme

Keywords

none

Package Sidebar

Install

npm i lrm-google-master

Weekly Downloads

2

Version

1.0.0

License

ISC

Unpacked Size

11.2 kB

Total Files

4

Last publish

Collaborators

  • oaristote