google-maps-autocomplete-input

DEPRECATED AND MOVED TO: NPM GIT

https://www.npmjs.com/package/places-autocomplete

https://github.com/rgbutov/places-autocomplete

Autocomplete input with dropdwon for google maps JS API ·

Browser document object is requered.

Sample

Installation

Node

npm i -s google-maps-autocomplete-input 

Script tag

<script src="/path/to/google-maps-autocomplete-input.min.js"></script>

Usage

  // _init module, you need API_TOKEN from google console
  const gmaInput = new googleMapsAutocompleteInput('<API_TOKEN>');
  const placeConfig = {
    // _specify country for autocomplete
    countryCode: 'us',
    // _type of autocomplition: (cities), (regions): https://developers.google.com/maps/documentation/javascript/places-autocomplete
    autocompleteType: ['(cities)'],
    // _use only place name
    onlyName: true,
    // _inputs list with additional filter places like city, state, country
    filterInputs: []
  } 
  // _after dropdown selected callback
  const afterPlaceSelected = (place_id, place_name) => {
    console.log(place_id, place_name);
  }
  
  const placeInput = document.getElementById('dcity');
  // bind input with autocompletetion to input
  gmaInput.bindInput({
      input: placeInput, 
      config: placeConfig,
      afterSelected: afterPlaceSelected
  });

License

Autocomplete input with dropdwon is MIT licensed.