Autocomplete Addresses with Google Places API
  • 02 Oct 2023
  • 1 Minute to read
  • Dark
    Light

Autocomplete Addresses with Google Places API

  • Dark
    Light

Article Summary

Project Download
The examples attached were developed to be instructional and were not developed as officially supported components. For more information or to engage our service team to develop fully supported, production-quality solutions, please contact services@decisions.com. Import the project below to a Decisions environment on version 8.13.0 or later using the Importing/Exporting article.


Project Details
Version8.13
Root FolderExample Lab - Google Places Integration
Modules None
PrerequisitesGoogle Cloud Project with Places API enabled and an API Key.

Feature Overview

Active Form Flows enable seamless interaction and real-time updates of Form Controls based on user input. This capability empowers developers to design auto-suggestions and autocomplete Form Controls, improving data entry efficiency. As users provide input, Decisions can fetch applicable data and populate Form Controls such as drop-down lists or text fields with updated choices. This user-friendly feedback mechanism enhances engagement and reduces errors, while customization options allow tailoring the feature to specific data types and use cases, making it a valuable addition for applications requiring real-time interaction with external data sources.

Reference Articles

Project Overview

The project features a user-friendly Form reminiscent of an online shopping checkout process. Within this Form, the Address field has an Active Form Flow set up to autocomplete the address information. This logic simplifies and expedites the user's experience when providing their address information. By leveraging the Places Autocomplete REST service, the Form actively communicates with external APIs to retrieve address predictions. These predictions are then deserialized and presented to the user. As a result, users benefit from an efficient and seamless form-filling process, making their interaction with the application more convenient and user-friendly.

What's Included

NameDesigner ElementSteps Used
Main FlowFlowShow Form
Order FormSimple Form---
Autocomplete Address Rule FlowActive Form FlowPlace Autocomplete
(Google Place Autocomplete REST Method)
JSON Deserialize
Set Control Value

Configuration

After importing this project into an instance, the only necessary configuration is to set the API Key for the Place Autocomplete step within the Active Form Flow. This can be done either directly on the step or by accessing the Place Autocomplete Rest Method under Settings > Integrations > External Services > Google Places REST Integration > Place Autocomplete.


Expected Result 

This section provides a video displaying the project in action to see the desired outcome. Gain a firsthand understanding of how the project works and visualize the operation of the implemented features.


Was this article helpful?