Skip to content
master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.

README.md

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
You can’t perform that action at this time.