Google Autocomplete LcNz

Category: Widgets
Subcategory: Input widgets


Google Autocomplete lcnz provides the user with autocomplete options when searching for a location. When a location is selected specific location data is then uploaded to a database. Currently only one country can be selected and the data retrieved are: street name and number, suburb, city, country, postal code, place id, latitude, longitude, and establishment name, phone number, website, and google maps URL. 


Google Autocomplete lcnz

Google Autocomplete lcnz is a Mendix widget that utilizes Google Autocomplete Api to provide autocomplete to the user as well as provide place and establishment information to the database.


  • Autocomplete.
  • Place Data: street number, street name, suburb, city, country, and postal code.
  • Establishment Data: name, phone number, website, google maps URL.


  1. Input Api key (, necessary).
  2. Input country name (only one at this stage, short form i.e ‘nz’, necessary).
  3. Input attributes (leave an attribute empty if not needed).

Issues, suggestions and feature requests

  • Currently autocomplete only handles searching in one country.

Development and contribution

  1. Install NPM package dependencies by using: npm install. If you use NPM v7.x.x, which can be checked by executing npm -v, execute: npm install --legacy-peer-deps.
  2. Run npm start to watch for code changes. On every change:
    • the widget will be bundled;
    • the bundle will be included in a dist folder in the root directory of the project;
    • the bundle will be included in the deployment and widgets folder of the Mendix test project.
  • When building make sure you set the correct projectPath in package.json.

Contact nick at


Version: 1.0.1
Framework Version: 9.22.0
Release Notes: Added wrapper div with class googleautocompletelcnz-wrap
Version: 1.0.0
Framework Version: 9.22.0
Release Notes: Initial release.