MARKETPLACE
PLUGINS
GOMAP! - UNLIMITED MAP WITH MARKERS
GoMap! - Unlimited MAP with Markers logo

GoMap! - Unlimited MAP with Markers

Published March 2026
   •    Updated today

Plugin details

GoMap! - Unlimited MAP with Markers NO API REQUIRED
The most feature-rich free map plugin for Bubble — zero API keys, zero limits.

GoMap! is a powerful, lightweight map plugin built on MapLibre GL JS — a fully open-source map rendering engine. Unlike Google Maps or Mapbox plugins, GoMap! requires no API key, no billing account, and no usage limits. Just drop it into your Bubble app and go.

Map

4 beautiful map styles — Standard, Dark, Light, Bright — switch instantly Multilingual map labels — 20+ languages, auto-detected from user's browser Smooth vector tiles — hardware-accelerated WebGL rendering, silky 60fps pan and zoom Mobile-optimized — touch gestures, pinch zoom, safe-area support for notched devices Fullscreen mode — one-tap toggle for immersive map experience

Markers

Unlimited markers — no cap on the number of pins displayed Custom marker pins — choose colors, icons, and embed logos inside pins Rich info cards — title, description, images, video, ratings, reviews, price, phone, hours, badges, tags Image and video sliders — swipeable media galleries inside marker cards Popup or Bottom Sheet — auto-adapts card style for desktop and mobile Marker categories and status — organize markers by type with color coding

Search and Filters

Built-in geocoding search bar — find any address or place worldwide, no extra setup Category filter chips — let users filter markers by category with one tap Distance slider — filter markers within a radius from user's location Rating and price range — advanced filter controls for listings and directories Open now filter — show only currently open businesses based on hours data

Navigation and Routing

Turn-by-turn navigation — real driving and walking directions with step-by-step instructions Live GPS tracking — follow user position in real time with animated arrow marker Route progress visualization — traveled route turns gray, remaining route stays blue Traffic speed overlay — color-coded route segments based on real traffic speed data ETA and distance — live remaining time and distance updates during navigation Route choice modal — let users pick between driving and walking before starting

Data Visualization

Grid-based clustering — auto-groups nearby markers into cluster bubbles with counts Heatmap layer — visualize data density with customizable color gradients and radius Country boundaries overlay — display international borders on the map Occupied territory shading — special overlay support for conflict zones

Location Picker

Draggable pin — users place a pin anywhere on the map to select a location Reverse geocoding — automatically resolves pin position to a street address Coordinates output — exposes lat/lng to Bubble workflows for saving to database

Delivery and Taxi (Map Route)

A to B route display — show route line between two points with distance and ETA Driver marker — live-updating vehicle position on the map Custom route styling — configurable route color and line width

Technical Highlights

No API key required — works out of the box, zero configuration 100% free tile source — powered by OpenFreeMap, no usage fees Lightweight — fast loading, minimal impact on page performance Offline-ready architecture — PMTiles support for self-hosted tiles IP geolocation fallback — detects user's approximate location without GPS permission Event-driven — exposes 15+ Bubble events (marker clicked, nav started, route calculated, etc.) 20+ exposed states — selected marker data, user coordinates, route info, all accessible in Bubble workflows

Perfect for: Directory apps, real estate listings, restaurant finders, delivery tracking, taxi apps, travel guides, store locators, field service apps, logistics dashboards, event maps, tourism platforms, and any Bubble app that needs a map.

Keywords: map, maps, marker, markers, pin, pins, location, geolocation, GPS, navigation, routing, directions, turn-by-turn, search, geocoding, filter, clustering, heatmap, interactive map, MapLibre, OpenStreetMap, no API key, free map, unlimited markers, delivery tracking, taxi, real estate map, store locator, directory map, route, driving directions, walking directions, traffic, ETA, distance, address search, reverse geocode, location picker, dark map, map styles, vector tiles, mobile map, responsive map, bubble plugin, bubble map plugin, no google maps, no mapbox, open source map

Built by Xodera — Support: [email protected]

$35

Per month

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Xodera logo
Xodera
Joined 2026   •   3 Plugins
View contributor profile

Instructions

GoMap! — Quick Start Instructions
Installation
Add the GoMap! plugin to your Bubble app. No API key is needed — the plugin works immediately after installation.

Place the "GoMap!" element on your page and resize it to the desired dimensions.

Basic Setup
Map Style — choose between Standard, Dark, Light, or Bright.

Default Latitude / Longitude — set the initial center of the map (e.g. 48.8566, 2.3522 for Paris).

Default Zoom — set the initial zoom level (1 = world, 10 = city, 15 = streets, 18 = buildings).

Enable Search — toggle the built-in address search bar.

Display Filters — toggle the category filter panel.

Map Language — auto-detected from browser, or set manually (en, uk, de, fr, es, etc.).

Marker Data Format
Pass marker data as a single text field called "Markers Data". Each marker is wrapped in curly braces and separated by a comma.

Format:

{id:1;lat:48.8566;lng:2.3522;title:Eiffel Tower;cat:Landmark;color:#3B82F6},{id:2;lat:48.8606;lng:2.3376;title:Louvre Museum;cat:Museum;color:#EF4444}

Rules:

Each marker starts with { and ends with }
Fields inside a marker are separated by semicolons ;
Each field is key:value (no quotes needed)
Markers are separated by commas ,
Available marker fields:

id — unique identifier (required) lat — latitude (required) lng — longitude (required) title — marker name desc — description text cat — category name (used for filtering) color — pin color in hex (e.g. #3B82F6) icon — emoji or symbol for the pin logo — URL to a logo image (displayed inside the pin) img — single image URL imgs — multiple images: imgs:[url1,url2,url3] videos — video URLs: videos:[url1,url2] rating — numeric rating (e.g. 4.5) rcount — number of reviews reviews — review objects: reviews:[author:John|text:Great place|rating:5|date:2025-01-15,author:Jane|text:Nice|rating:4] phone — phone number url — website link addr — address text hours — opening hours (e.g. Mon-Fri 9:00-18:00) price — price or price range tags — comma-separated tags: tags:[wifi,parking,pet-friendly] status — marker status text badge — badge label (e.g. "New", "Popular", "Top Rated")

Dynamic Data from Bubble Database
To load markers from your Bubble database, use "Do a Search for" and format each item as the marker format above. Use the :format as text operator to build the marker string from your data type fields.

Example expression:

Search for Locations:format as text

With template: {id:This Location's unique id;lat:This Location's latitude;lng:This Location's longitude;title:This Location's name;cat:This Location's category;color:This Location's color;img:This Location's image}

Delimiter: ,

Marker Cards
Card Style — choose Popup (desktop-style tooltip), Bottom Sheet (mobile-style), or Auto (adapts to screen size).

The card automatically displays all fields you provide — title, images, rating, price, phone, address, hours, reviews, etc. No extra configuration needed.

Navigation
Users can start navigation to any marker by tapping the navigation button on the marker card. They choose between driving or walking mode.

During navigation:

Blue line — remaining route ahead
Gray line — route already traveled
Live GPS tracking with animated arrow marker
Step-by-step turn instructions
Real-time ETA and remaining distance
Location Picker
Use the "Map Picker" element to let users select a location on the map. They drag a pin to the desired position. The plugin automatically reverse-geocodes the pin position to a street address.

Exposed states: picked_lat, picked_lng, picked_address — use these in your Bubble workflows to save the selected location.

Events and States
The plugin exposes events you can use in Bubble workflows:

map_ready — map finished loading marker_clicked — user tapped a marker marker_nav_started — navigation began marker_nav_ended — navigation stopped nav_route_calculated — route calculated with distance and ETA nav_gps_update — live GPS position update

Exposed states include: selected_marker_id, selected_marker_title, selected_marker_lat, selected_marker_lng, user_lat, user_lng, route_distance, route_duration, and more.

Tips
Keep marker data clean — avoid semicolons ; inside field values
Use hex colors for best results (#3B82F6, not "blue")
For images, use direct URLs ending in .jpg, .png, or .webp
Test with a few markers first, then scale up
The map performs well with thousands of markers thanks to built-in clustering

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Location   •   Technical   •   Visual Elements

Resources

Support contact
Documentation

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales