Bubble's Google Map Extender

Demo to preview the settings

Introduction

The Google Map Extender plugin enhances your Bubble app's mapping capabilities with a comprehensive suite of advanced features. This powerful plugin allows you to customize maps, add multiple layers, track users in real-time, display custom markers, draw routes, and much more. It is the perfect solution for applications requiring dynamic and interactive mapping functionality, such as logistics platforms, real estate applications, travel apps, delivery services, and location-based businesses.
The plugin seamlessly integrates with Google Maps API to provide professional-grade mapping features including 3D visualization, KML/GeoJSON layer support, real-time user tracking, custom marker clustering, route optimization, and extensive customization options. With this plugin, you can create sophisticated mapping experiences that enhance user engagement and provide valuable location-based insights.

Prerequisites

To use this plugin, you need:
  • A Google Maps API key configured in your Bubble application
  • The native Bubble Map element added to your page (the plugin extends its functionality)
  • Internet connection to load Google Maps services
No additional external accounts or API keys are required beyond your Google Maps setup.
Image without caption

How to setup

Plugin Element - Map Extender

Image without caption

Fields

Element Actions

Exposed states

Element Events

Workflow example

Here are several workflow examples to help you get started with the Google Map Extender plugin:

Basic Map Setup with Custom Marker

How to Add a Marker from Database

How to Add a Marker from Search Box Element

Real-time User Tracking

Display Markers from Database

Create Route with Directions

Image without caption

Changelogs