Google Places - Cities/States

Brandarrow's official documentation for Google Places-Cities/States– Bubble.io Plugin.

---

Vitals

Description

The Google Places - Cities/States plugin integrates Google Places API into Bubble.io applications to provide type-ahead autocomplete functionality for searching cities and states. It enables users to input geographic queries and receive suggestions restricted to cities and states, ideal for applications requiring location-based features like address selection or regional filtering.

Key Features

• City/State Autocomplete: Provides type-ahead predictions for cities and states based on user input, using Google Places API.

• Geographic Restrictions: Restricts results to specific countries or regions (e.g., US cities/states).

• Place Details Retrieval: Fetches detailed information like city/state names and coordinates using place IDs.

• Real-Time Results: Delivers up-to-date suggestions from Google’s comprehensive place database.

• Customizable Filters: Limits results to locality or administrative_area_level_1 (states) for precise city/state output.

Price

$10/once | OR | $5/month

Installation

1. Install the Google Places - Cities/States plugin from the Bubble Plugin Marketplace.

2. Add your Google API key with Places API enabled in the plugin settings within the Bubble editor.

3. Place the plugin’s autocomplete element on the desired page.

Demo & Editor

Demo Editor

---

Instructions

1

Add the Google Places - Cities/States Element

Drag the Google Places - Cities/States element onto your Bubble page to enable city/state search functionality.

2

Configure Plugin Settings

In the plugin settings, enter your Google API Key (with Places API enabled).

3

Set Up Workflows

Trigger Initialize google place : Use a workflow to capture user input from a text input field linked to the display element with the HTML ID of the search input.

Display Results: Use the results of Google Places - Cities/States 's element result as a data in your desired group

---

Components

Element

• Google Places - Cities/States

Actions

• Initialize Google Places - Cities/States: Sets up the autocomplete functionality with specified filters (e.g., country, types).

Events

None

Data calls

None

---

Changelog

Version	Release Year	Changes	Status
v1.0	2025	Initial release with city/state autocomplete and place details retrieval.	Shipped

---

Need Help?

Help & Support

---