google-maps-autocomplete-input

Autocomplete input with dropdwon for google maps JS API ·

Sample

Installation

Node

npm i -s google-maps-autocomplete-input 

Script tag

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

Usage

  // _init module, you need API_TOKEN from google console
  const gmaInput = new googleMapsAutocompleteInput('<API_TOKEN>');
  const cityConfig = {
    // _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 afterCitySelected = place_id => {
    console.log(place_id);
  }
  
  const cityInput = document.getElementById('dcity');
  // bind input with autocompletetion to input
  gmaInput.bindInput({
      input: cityInput, 
      config: cityConfig,
      afterSelected: afterCitySelected
  });

License

Autocomplete input with dropdwon is MIT licensed.