/leaflet-google-places-autocomplete

Leaflet plugin for Google Places Autocomplete

Primary LanguageJavaScriptMIT LicenseMIT

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