Leaflet Google Places Autocomplete
Simple extension to add Google Places autocomplete into map.
Installation
Bower
bower install --save leaflet-google-places-autocomplete
NPM
npm install --save leaflet-google-places-autocomplete
Usage
Make sure you have Google Places library with valid API key loaded on page.
<script src="https://maps.googleapis.com/maps/api/js?key=<key>&libraries=places"></script>new L.Control.GPlaceAutocomplete().addTo(map);new L.Control.GPlaceAutocomplete({
callback: function(place){
var loc = place.geometry.location;
map.setView( [loc.lat(), loc.lng()], 18);
}
}).addTo(map);API
Options
These options can be set up when creating the control with autocompleteOptions.
| Option | Default | Version | Description |
|---|---|---|---|
position |
topright |
v0.0.5 | any valid LeafLet position |
prepend |
true:bool |
v0.0.5 | If true, control will prepended to other existing controls, if false, control will be appended |
callback |
- | v0.0.5 | any valid function as callback. By default internal callback is set and just pan the map to found position |
autocomplete_options |
{} | v0.0.5 | default options for google autocomplete |
collapsed_mode |
false:bool |
v0.0.6 | if set to true, then just click-able icon will be displayed |
placeholder |
null:string |
v0.0.9 | custom placeholder for input text |