MapBox Maps Plugin

✅

Link to plugin page: https://zeroqode.com/plugin/mapbox-maps-1528977923342x484968448273940500

Demo to preview the settings

✅

Bubble: https://bubble.io/page?version=live&name=mapbox_maps&id=zeroqode-demo-08&tab=Design

✅

Live Demo: https://zeroqode-demo-08.bubbleapps.io/mapbox_maps

Introduction

Show your own MapBox map styles & 3D buildings inside your bubble app. Live user tracking, Markers, FlyTo, Pitch, Bearing, Zoom & Coordinate Control. MapBox Direction, Scale & Movement Controls + Much More!

Use the MapBox element to show your maps in your own styles. Then give your map life using the element actions. On mouse click, the plugin returns states that contain Latitude & Longitude as well as address.

The plugin also returns states with a list of markers, map's center address and you can trigger workflows when a marker is clicked.

Prerequisites

API Key (register and get key at https://www.mapbox.com/)

Create account https://account.mapbox.com/auth/signup/

☝

Note: The plugin uses the Directions API and the Mapbox GL JS APIs, which are paid after the free limit is exceeded. To clarify the price please visit the pricing page: https://www.mapbox.com/pricing.

Tutorial

Real use case in the template

Hotel Finder Map Template for Bubble

Hotel Finder Map Template page on Bubble. Use this template to speed up your app development. Bubble lets you build web apps without any code.

https://bubble.io/template/hotel-finder-map-1728663763784x152549310888673280

How to setup

Go to https://account.mapbox.com/

Copy Access token

☝

Note: This is a public Access token! You can access tokens more secure by adding URL restrictions. When you add a URL restriction to a token, that token will only work for requests that originate from the URLs you specify. Tokens without restrictions will work for requests originating from any URL.

4. Put it in plugin fields

5. Place the MapBox Map element on the page

Plugin Element - Mapbox Map

Fields

Title	Description	Type
UI Position	Position on the map to which the control will be added. Valid values are 'top-left', 'top-right', 'bottom-left', and 'bottom-right'. Defaults to 'top-right'	Dropdown
Enable UI Map Inputs	Hide or display the inputs control (default true)	Checkbox
UI Map default tab	Default routing profile for directions	Dropdown
Enable UI Route Instructions	Hide or display the instructions control (default true)	Checkbox
Enable navigation controls	Hide or display navigation controls buttons	Checkbox
Nav controls position	Position for navigation controls on the map	Dropdown
Language	The language of returned turn-by-turn text instructions	Dropdown
Navigation language	Language for map navigation interface	Dropdown
Create route onClick	Enable/disable click-through route creation on map element	Checkbox
Theme	Map visual theme/style	Dropdown
Custom Theme	Custom map style URL (used when "Custom" theme is selected). Example: mapbox://styles/mapbox/streets-v9	Text
Zoom on Scrolling	Enable/disable zoom on scrolling	Checkbox
Use cooperative gestures	Set scroll-to-zoom using the control or command key while scrolling to zoom the map, and panning on touch devices requires using two fingers to pan the map	Checkbox
Default Zoom	Default zoom level (min: 0, max: 22)	Number
Initial longitude	Initial longitude coordinate for map center	Number
Initial latitude	Initial latitude coordinate for map center	Number
Measuring System	The measuring system of returned turn-by-turn text instructions	Dropdown
Route Interactive	Enable/Disable mouse or touch interactivity with route	Checkbox
Route Styling	Section label for route styling options	Label
Alternatives color	Color for alternative route lines	Color
Alternatives width	Width of alternative route lines	Number
Route Line Casing Color	Color for the route line casing/border	Color
Route Line Casing Width	Width of the route line casing/border	Number
Route Line Color	Main color of the selected route line	Color
Route Line Width	Width of the selected route line	Number
Origin Point Color	Color of the origin/starting point marker	Color
Origin Point Radius	Size radius of the origin point	Number
Destination Point Color	Color of the destination/ending point marker	Color
Destination Point Radius	Size radius of the destination point	Number
Hide point labels	Hides letter labels (A, B) at the start and end points of the route	Checkbox
Sky Style	Atmospheric sky style for the map	Dropdown
Live Tracking Type	Bubble App Type representing Users Positions for live tracking	Custom Type
Live Tracking Data	List of Users Positions for real-time tracking	Custom Data
Live Tracking ID	Field of App Type representing an ID	Text
Live Tracking Lat	Field of App Type representing Latitude	Number
Live Tracking Long	Field of App Type representing Longitude	Number
Live Tracking Image	Field of App Type representing marker Image	Image
Live Tracking Size	Field of App Type representing marker image size	Number

☝

Note: The "Navigation language" field is not dynamic. The route navigation language is set only when initializing the map or changing the style.

Element states

Title	Description	Type
GPS Current Position Lat	Current GPS position Latitude	Number
GPS Current Position Lng	Current GPS position Longitude	Number
GPS Accuracy	Accuracy of Current GPS position	Number
GPS Altitude	Current GPS Altitude	Number
Mouse Lng	Clicked position Longitude	Number
Mouse Lat	Clicked position Latitude	Number
GPS Enabled	Indicates if GPS is enabled	Yes/No
Tracking	Indicates if Tracking is enabled	Yes/No
Heading Supported	Indicates if Compass Heading is supported	Yes/No
Heading Character	Сardinal Point	Text
Heading	Heading	Number
Marker Lat	Clicked marker coordinates latitude	Number
Marker Lng	Clicked marker coordinates longitude	Number
Map Center Lng	Current map center coordinates longitude	Number
Map Center Lat	Current map center coordinates latitude	Number
Speed	Moving Speed	Number
Marker ID	Clicked Marker ID	Text
Map Center Address	Current map center address	Geographic Address
Line coordinates	Coordinates of line created by action Create Line	Text
Draggable Marker Longitude	Current Longitude of the draggable marker	Number
Draggable Marker Latitude	Current Latitude of the draggable marker	Number
Polygon Area (meters)	Area of polygon drawed by Draw polygon action	Number
Measure distances lenght	Length of line drawed by action Measure distance	Number
Filtred features	List of returned values from action Filter Features	List of Text
Directions A-point Longitude	Longitude of A-point of directions	Number
Directions A-point Latitude	Latitude of A-point of directions	Number
Directions B-point Longitude	Longitude of B-point of directions	Number
Directions B-point Latitude	Latitude of B-point of directions	Number
Drawed Polygons GeoJSON	GeoJSON of drawn polygons in text format	Text
Point is in polygon	Indicates whether the specified point falls within the first drawn polygon	Yes/No
Clicked line ID	Line ID	Text
Point is inside of geofence	Indicates whether the specified point falls within the geofence	Yes/No
Clicked Cluster Data		Text
Zoom Level	Indicates zoom level	Number
Travel length (km)	Indicated distance in km	Number
Created line or polygon ID	ID of created Line/Polygon	Text
Created Cluster ID	ID of created Cluster	Text
GPS Current Position Address	Indicates GPS Current Position Address	Text
Bearing	Bearing	Number
Pitch	Pitch Pace	Number
Autofill From Value	Autofill text from input	Text
Autofill To Value	Autofill text to input	Text
Markers IDs in polygon	ID of marker inside polygon	Text
Draggable marker ID	ID of draggable marker	Text
Visible markers IDs	The ids of the markers that are visible on the map at the moment.	Text List
Zip code	Zip code when clicking on the zip code area in the USA	Text
Zip code area center Longitude	Longitude of the center of the zip code area in the USA	Number
Zip code area center Latitude	Latitude of the center of the zip code area in the USA	Number

Element events

Mapbox Map Element Actions

1) Set Style

2) Turn 3D Building On

3) Add Marker

4) Fly To

5) Turn 3D Buildings Off

6) Remove Marker

7) Start Location Tracking

8) Stop Location Tracking

9) Set Center

10) Set Zoom

11) Set Bearing

12) Set Pitch

13) Set Directions

14) Add List of Markers

15) Toggle Controls Visibility

16) Remove Directions

17) Create a line

Title	Description	Type
Type	A string indicating the type of geometry to be added to the map. Valid values are "LineString", "Polygon", “MultiPolygon” and "MultiLine".	Dropdown
Coordinates	A string of comma-separated coordinates. Used for creating a single line,polygon or multipolygon. For multiplygon please see the example below	string
List of lines	A list of strings, where each string represents a line with comma-separated coordinates. This is used for drawing multiple lines (`MultiLine`).	List of strings
Source ID	A unique identifier for the source. If not provided, a random ID will be generated.	string
Color	The color used for the line or polygon fill.	color
Polygon Opacity	The opacity of the polygon fill (value between 0 and 1).	number
Line width	The width of the line. If not provided, a default value of 8px is used.	number
Remove same id	A boolean indicating whether to delete an existing line with the same `source_id` before drawing a new one.	yes/no

MyltiPolygon requires setting the coordinates and color. Here is an example of a Multipolygon JSON

{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"color": "red"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[115.813867, -31.932177],
[115.813867, -31.932177],
[115.813867, -31.932087],
[115.813962, -31.932087],
[115.813962, -31.932124],
[115.814005, -31.932124],
[115.814005, -31.932168],
[115.813962, -31.932168],
[115.813962, -31.932177],
[115.813867, -31.932177]
]
]
}
},
{
"type": "Feature",
"properties": {
"color": "blue"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[115.813962, -31.932087],
[115.813894, -31.932087],
[115.813894, -31.932042],
[115.81391, -31.932042],
[115.81391, -31.931967],
[115.813984, -31.931967],
[115.813984, -31.932042],
[115.81401, -31.932042],
[115.81401, -31.932087],
[115.813962, -31.932087]
]
]
}
},
{
"type": "Feature",
"properties": {
"color": "green"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[115.81391, -31.931967],
[115.81391, -31.931931],
[115.813849, -31.931931],
[115.813849, -31.9319],
[115.81386, -31.9319],
[115.81386, -31.931868],
[115.813984, -31.931868],
[115.813984, -31.931967],
[115.81391, -31.931967]
]
]
}
}
]
}

18) Create a heatmap layer

19) Add icon to map

20) Change language

21) Remove all markers

22) Create a symbol layer

23) Create a draggable marker

24) Toggle map rotation

25) Display popup on hover

26) Add fullscreen control

27) Add geocoder

28) Draw polygon

29) Enable measure distance

30) Disable measure distance

31) Filter features within map

32) Add a video

33) Create an animated route

34) Add 3D terrain

35) Remove 3D terrain

36) Animate the camera along a path

37) Remove Draggable Marker

38) Get Markers in Drawed Polygons

39) Add live realtime data

40) Check If marker is in polygon

41) Check if point is in geofence around the marker

42) Create Clusters

43) Remove Line or Polygon

44) Remove a symbol layer

45) Remove Clusters

46) Remove live realtime data

47) Set Autofill (from, to)

48) What markers are in polygon?

49) Set Area

50) Create US zip code area

51) Remove zip code area

Plugin API calls

Get Route Data (Full)

Return generated by MapBox route from Origin to Destination. Return response with all fields. Read https://docs.mapbox.com/api/navigation/directions/#retrieve-directions

Title	Description	Type
Origin Lng	Route start position longitude	Number, Required
Origin Lat	Route start position latitude	Number, Required
Destination Lng	Route end position longitude	Number, Required
Destination Lat	Route end position latitude	Number, Required
Type	Type of route. Can be: driving-traffic, driving, cycling, walking	Enum Text, Required
Access Token	Your default access token is available on your Account Dashboard	Text, Required
Language	Language of the response	Text, Required

Get Route Data (Simple)

Return generated by MapBox route from Origin to Destination.

Title	Description	Type
Origin Lng	Route start position longitude	Number, Required
Origin Lat	Route start position latitude	Number, Required
Destination Lng	Route end position longitude	Number, Required
Destination Lat	Route end position latitude	Number, Required
Type	Type of route. Can be: driving-traffic, driving, cycling, walking	Enum Text, Required
Access Token	Your default access token is available on your Account Dashboard	Text, Required

💡

Tip: For more information read MapBox Docs

Workflow example

Here are some setups that will help to understand the plugin better.

Live Tracking

This workflow example demonstrates how to set up real-time location tracking on your map using the Live Tracking feature. This is useful for displaying moving objects like delivery vehicles, users, or any dynamic markers that need to update their position in real-time.

Step 1: Set Up Your Database

First, create a data type in your Bubble database to store the tracking data. For example, create a data type called "TrackedObject" with the following fields:

Field Name	Type	Description
object_id	Text	Unique identifier for the tracked object
latitude	Number	Current latitude of the object
longitude	Number	Current longitude of the object
icon	Image	Icon to display on the map
icon_size	Number	Size of the icon (e.g., 0.1)

Step 2: Configure the MapBox Map Element

Add the MapBox Map element to your page and configure the Live Tracking settings in the element properties:

Live Tracking Type: Select your data type (e.g., "TrackedObject")

Live Tracking Data: Do a search for TrackedObject (or your data type)

Live Tracking ID: Select the "object_id" field

Live Tracking Lat: Select the "latitude" field

Live Tracking Long: Select the "longitude" field

Live Tracking Image: Select the "icon" field

Live Tracking Size: Select the "icon_size" field

Step 3: Start Live Tracking

Create a workflow to start the live tracking when the page loads or when a button is clicked:

Workflow: Start Tracking

Trigger: Page is loaded (or Button is clicked)

Action: Element Actions → MapBox Map → Add live realtime data

interval (ms): 2000 (updates every 2 seconds)

This action will start polling the database at the specified interval and automatically update marker positions on the map.

Step 4: Stop Live Tracking

Create a workflow to stop the live tracking when needed:

Workflow: Stop Tracking

Trigger: Button is clicked

Action: Element Actions → MapBox Map → Remove live realtime data

This action will clear all intervals and remove the live tracking markers from the map.

Step 5: Update Tracking Data

To move markers on the map, simply update the latitude and longitude values in your database. The plugin will automatically detect changes and update marker positions at each interval.

Example Workflow: Update Position

Trigger: Backend workflow or API call receives new coordinates

Action: Make changes to TrackedObject

latitude = new latitude value

longitude = new longitude value

Notes

The Live Tracking feature automatically handles adding new markers when new records appear in the database

Markers are automatically removed when records are deleted from the database

Icon and size changes are also detected and updated in real-time

For optimal performance, keep the interval at 2000ms or higher

Make sure your database query in "Live Tracking Data" returns only the objects you want to track

Changelogs

Update 04.02.26 - Version 1.181.0

Fixed action 'Change language'.

Update 20.01.26 - Version 1.180.0

fixed marker popup.

Update 01.12.25 - Version 1.179.0

Bubble Plugin Page Update (Description).

Update 11.11.25 - Version 1.178.0

Introduced Rich Card Popup Markers .

Update 29.10.25 - Version 1.177.0

Bubble Plugin Page Update (Description).

Update 29.10.25 - Version 1.176.0

Bubble Plugin Page Update (Description).

Update 29.10.25 - Version 1.174.0

Bubble Plugin Page Update (Recommendations).

Update 23.07.25 - Version 1.173.0

Remove all markers.

Update 09.07.25 - Version 1.172.0

updated "Sky Style" field.

Update 01.07.25 - Version 1.171.0

updating the plugin to version 4.

Update 16.06.25 - Version 1.170.0

Fixed "Add List of Markers" action.

Update 13.06.25 - Version 1.169.0

Added "Popup content on hover" field in "Add Marker", "Add List of Markers" and "Add HTML (draggable) marker" actions.

Update 19.05.25 - Version 1.168.0

Minor fixes.

Update 05.05.25 - Version 1.167.0

Fixed action "Add HTML (draggable) marker" added action "Add List of HTML (draggable) markers".

Update 16.04.25 - Version 1.166.0

Fixed action "Add live realtime data".

Update 19.03.25 - Version 1.165.0

Fixed library import.

Update 10.02.25 - Version 1.162.0

Fixed event "Map is clicked".

Update 15.01.25 - Version 1.161.0

Added 'Use cooperative gestures' checkbox.

Update 13.01.25 - Version 1.160.0

Fixed "Create Clusters" action

Update 23.12.24 - Version 1.159.0

Disabling event "Map is clicked" when clicking on other map layers.

Update 13.12.24 - Version 1.158.0

Added actions Create US zip code area, Remove zip code area.

Update 14.11.24 - Version 1.156.0

Minor update (Marketing update).

Update 23.10.24 - Version 1.155.0

Added checkbox "Hide point labels" in element.

Update 18.10.24 - Version 1.154.0

Minor update (Marketing update).

Update 04.10.24 - Version 1.153.0

library version update - 3.7.0.

Update 26.09.24 - Version 1.152.0

Added “Custom Theme” field, fixed “Drawed polygon JSON” state and minor fixes.

Update 26.08.24 - Version 1.151.0

Fixed "Marker" and "Draggable Marker" states.

Update 22.08.24 - Version 1.150.0

Fixed "Marker Clicked" event.

Update 13.08.24 - Version 1.149.0

Fixed "Visible Markers IDs".

Update 09.08.24 - Version 1.148.0

Added "Visible markers IDs" exposed state.

Update 05.08.24 - Version 1.147.0

Updated state 'GPS Enabled'.

Update 30.07.24 - Version 1.146.0

Added action 'On/off input control' and event 'compass is off'.

Update 25.07.24 - Version 1.145.0

Minor update .

Update 25.07.24 - Version 1.144.0

Minor update .

Update 17.07.24 - Version 1.143.0

Added "text-color" field in "Create Clusters" action.

Update 16.07.24 - Version 1.142.0

Minor update (Marketing update).

Update 16.07.24 - Version 1.141.0

Fixed updating states "Heading Char" and 'Speed'.

Update 16.07.24 - Version 1.140.0

Added "Icon Anchor" to the Create cluster action.

Update 16.07.24 - Version 1.139.0

Added actions 'Turn on mobile compass' and "Request Orientation Permission For IOS".

Update 04.07.24 - Version 1.138.0

Added field 'Initial longitude', 'Initial latitude' in plugin element.

Update 27.06.24 - Version 1.137.0

Updated action 'Check if point is in geofence around the marker'.

Update 27.06.24 - Version 1.136.0

added display geofence in draggable marker and action 'Remove geofence'.

Update 19.06.24 - Version 1.135.0

Minor update.

Update 06.06.24 - Version 1.134.0

Minor update.

Update 06.06.24 - Version 1.133.0

Added fields 'Cluster max zoom', 'Allow overlap markers' in action 'Create Clusters'.

Update 03.06.24 - Version 1.132.0

Added ability to delete multi polygons in action "Remove line or polygon", updated event "Map is clicked".

Update 29.05.24 - Version 1.131.0

Added "Default icon" field to action ''Create Clusters', updated action "Remove realtime data".

Update 27.05.24 - Version 1.130.0

Fixed displaying street names, updated actions Change language, Create line or polygon and Remove live realtime data.

Update 17.05.24 - Version 1.129.0

Updared action 'Create Clusters'.

Update 14.05.24 - Version 1.128.0

Added custom marker images in 'Create Clusters', Fixed element height in Safari, Updated action 'Draw'.

Update 02.05.24 - Version 1.127.0

updated Default Zoom.

Update 22.04.24 - Version 1.126.0

Added clearing icon image cache, updated size default image action "Add List of Markers".

Update 04.04.24 - Version 1.125.0

updated description.

Update 03.04.24 - Version 1.124.0

Added element fields 'Theme', 'Language'.

Update 31.03.24 - Version 1.123.0

minor fixes.

Update 27.03.24 - Version 1.122.0

List of line colors', 'List of line widths' in action 'Create line'.

Update 12.03.24 - Version 1.121.0

minor fixes resize element.

Update 07.03.24 - Version 1.120.0

Added action "Set Area".

Update 04.03.24 - Version 1.119.0

Updated action "Draw", fixed width map.

Update 22.02.24 - Version 1.118.0

Fixed "Map is Clicked" event.

Update 19.02.24 - Version 1.117.0

Added "Map is Clicked" event.

Update 15.02.24 - Version 1.116.0

Added ‘Live Tracking ID’ field in element

Fixed “Add live realtime data” action

Added checkbox ‘Show User Heading’ to the action ‘Start Location Tracking’

Fixed “Set Autofill (from, to)” action

Update 05.02.24 - Version 1.115.0

updated functions code.

Update 29.01.24 - Version 1.114.0

Coordinates validation added.

Update 26.01.24 - Version 1.113.0

Fixed changing map size on Android.

Update 25.01.24 - Version 1.112.0

Multiple lines option added.

Update 24.01.24 - Version 1.111.0

updated description.

Update 18.01.24 - Version 1.110.0

Added moving markers by click.

Update 10.01.24 - Version 1.109.0

Added "Icon anchor" field in "Add List of Markers" action.

Update 03.01.24 - Version 1.108.0

Added "Disable Blue Radius" field in "Start Location Tracking" action.

Update 27.12.23 - Version 1.107.0

updated description.

Update 25.12.23 - Version 1.106.0

updated description.

Update 19.12.23 - Version 1.105.0

updated description.

Update 14.12.23 - Version 1.104.0

Fixed "Start Location Tracking" action.

Update 07.12.23 - Version 1.103.0

Fixed “Add Marker” action and minor fixes.

Update 28.11.23 - Version 1.102.0

Fixed "What markers are in polygon?" action.

Update 16.11.23 - Version 1.101.0

Added "What markers are in polygon?" and fixed "Add List of Markers" action.

Update 09.11.23 - Version 1.100.0

Fixed "Set Autofill (from, to)" action.

Update 23.10.23 - Version 1.99.0

Added "Set Autofill (from, to)" action.

Update 19.10.23 - Version 1.98.0

Updated description.

Update 04.10.23 - Version 1.97.0

Fixed "fly to" action and added "Bearing", "Pitch" states.

Update 02.10.23 - Version 1.96.0

added an option "add clusters data from the DB", updated “Create Clusters” action.

Update 19.09.23 - Version 1.95.0

added "ID Cluster" field in "Create Clusters" action.

Update 19.09.23 - Version 1.94.0

added "ID Cluster" field in "Create Clusters" action.

Update 18.09.23 - Version 1.93.0

updated description.

Update 18.09.23 - Version 1.92.0

Added "Custom Popup Content" field in "Create a draggable marker" action.

Update 13.09.23 - Version 1.91.0

minor updates.

Update 11.09.23 - Version 1.90.0

updated plugin name.

Update 08.09.23 - Version 1.89.0

Added "Remove live realtime data" action and fixed "Add live realtime data" action.

Update 06.09.23 - Version 1.88.0

Obfuscation.

Update 17.08.23 - Version 1.87.0

Fixed "Set Directions" action.

Update 04.08.23 - Version 1.86.0

Fixed "Set Directions" action.

Update 25.07.23 - Version 1.85.0

Added "GPS Current Position Address" state and minor fixed.

Update 17.07.23 - Version 1.84.0

Fixed adding more waypoints in the "Set Directions" action..

Update 11.07.23 - Version 1.83.0

updated description.

Update 04.07.23 - Version 1.82.0

fixed "Add Waypoints" in the "Set Directions" action.

Update 22.06.23 - Version 1.81.0

updated the description.

Update 16.06.23 - Version 1.80.0

Updated the description .

Update 14.06.23 - Version 1.79.0

Added "Add live realtime data" action, "Live tracking" fields and fixed "sky style".

Update 25.04.23 - Version 1.78.0

Added "Remove Clusters", "Remove a symbol layer" actions and "Sky Style" field.

Update 04.04.23 - Version 1.77.0

Fixed "Add 3D terrain" action.

Update 28.03.23 - Version 1.76.0

Fixed "Set Style" action.

Update 01.03.23 - Version 1.75.0

Added "Remove line or polygon"action and "Created line or polygon id" state.

Update 23.02.23 - Version 1.74.0

deleted the icons.

Update 21.02.23 - Version 1.73.0

updated the description.

Update 02.02.23 - Version 1.72.0

Updated description.

Update 20.01.23 - Version 1.71.0

Updated description.

Update 20.01.23 - Version 1.70.0

Added "UI Map default tab" option.

Update 12.01.23 - Version 1.69.0

added option to show popup when marker is hover and possiblity to indicate lat long dynamically.

Update 02.01.23 - Version 1.68.0

Fixed "Create line" action.

Update 17.11.22 - Version 1.67.0

Added "Travel length (km)" state.

Update 14.11.22 - Version 1.66.0

Added “MultiPolygon” option in the “Create line” action.

Update 03.11.22 - Version 1.65.0

Fixed "Draw polygon" action.

Update 31.10.22 - Version 1.64.0

fixed possition for old responsive design.

Update 27.10.22 - Version 1.63.0

Fixed "Zoom Level" state.

Update 20.10.22 - Version 1.62.0

Added "Zoom Level" state.

Update 13.10.22 - Version 1.61.0

Updated description.

Update 20.09.22 - Version 1.60.0

minor fixes.

Update 19.09.22 - Version 1.59.0

Adjusted common part.

Update 16.09.22 - Version 1.58.0

Fixed action "Add List of Markers".

Update 15.09.22 - Version 1.57.0

Fixed action "Add List of Markers".

Update 05.09.22 - Version 1.56.0

Updated common part.

Update 02.09.22 - Version 1.55.0

adapting to the new responsive engine.

Update 29.08.22 - Version 1.54.0

Updated common part.

Update 25.08.22 - Version 1.53.0

Fixed "Set directions" action.

Update 22.06.22 - Version 1.52.0

Updated description.

Update 10.05.22 - Version 1.51.0

fixed coordinates values returned by tracking .

Update 09.05.22 - Version 1.50.0

Added text in description.

Update 21.04.22 - Version 1.49.0

Fixed popup appearing when description is not set.

Update 14.04.22 - Version 1.48.0

improved update rate of origin and destination point states.

Update 30.03.22 - Version 1.47.0

Added a new event that occurs when all markers are loaded.

Update 14.03.22 - Version 1.46.0

reduced flickering on location tracking and added detailed information to zoom level in "start location tracking".

Update 21.02.22 - Version 1.45.0

minor changes.

Update 14.02.22 - Version 1.44.0

minor fixes .

Update 09.02.22 - Version 1.43.0

Improvement:

added new action "Create Clusters"

💡

Find a short guide on how to set it up here: https://forum.bubble.io/t/mapbox-maps-total-revamp-of-one-of-the-most-popular-bubble-plugins-from-zeroqode/165043/114?u=zeroqodesupport

Update 23.12.21 - Version 1.42.0

Improvement:

Added possibility to change the route’s color and reference points radius:

Before update:

After update:

Create line customization

This feature colors the drawn area.

Geofence

This feature determines if the marker is in the geofence. Provides the possibility to check through a state (Clicked Line ID) if the clicked point is within geofence or not.

Update 15.12.21 - Version 1.41.0

fixed camera binding to the current location. Updated description in "Set Directions" action.

Update 18.11.21 - Version 1.40.0

Added an action to check the intersection of a point with a polygon.

Update 10.11.21 - Version 1.39.0

exposed state "Drawed polygon GeoJSON" now return only coordinates of polygon.

Update 19.10.21 - Version 1.38.0

find point in polygon fix.

Update 28.09.21 - Version 1.37.0

Updated description.

Update 17.09.21 - Version 1.36.0

fixed default map position from custom style.

Update 15.09.21 - Version 1.35.0

added new functions related to the polygon drawing tool.

Update 24.08.21 - Version 1.34.0

Fixed clipping of the value returned in 'Measure distance length' state.

Update 24.08.21 - Version 1.33.0

added posibility to set position of markers using geographic address.

Update 13.08.21 - Version 1.32.0

In list of markers removed popups from markers without description.

Update 29.07.21 - Version 1.31.0

Added a list of new actions. For reference please check the docs.

Update 19.07.21 - Version 1.30.0

Updated icon.

Update 04.04.21 - Version 1.29.0

Added new features. You can now add various icons for the marker list, add a heatmap layer, add a description for any marker, and more. See the documentation for details.

Update 15.03.21 - Version 1.28.0

Updated description.

Update 13.03.21 - Version 1.27.0

Updated plugin name.

Update 03.03.21 - Version 1.26.0

Updated description.

Update 23.02.21 - Version 1.25.0

Added the possibility for workflow action "add markers" to use API data as data source.

Update 16.02.21 - Version 1.24.0

Updated icon.

Update 24.12.20 - Version 1.23.0

Changed type of property 'type' in the Create Line Action.

Update 28.11.20 - Version 1.22.0

Added the ability to add waypoints to the route.

Update 08.09.20 - Version 1.21.0

Fixed display of mapbox size.

Update 10.08.20 - Version 1.20.0

Improvements:

Added GeoJSON Lines creation feature

Added GeoJSON Polygon creation feature

New action Create Line A MapBox

Update 14.07.20 - Version 1.19.0

Improvements and changes:

Added Marker Rotation propriety field for Add Marker Action

For Map Element added new propriety which Navigation Controls and it’s position on Map

Also added possibility to Create a Route on Map click, (see the demo for workflow setup).

Added possibility to choose the Language for Route Instructions

Update 10.07.20 - Version 1.18.0

Added custom marker rotation and position, display map navigation controls, and eight languages for turn-by-turn navigat.

Update 01.05.20 - Version 1.17.0

added real geographical addresses states, Live Tracking address, Map center address, Clicked marker address.

Update 18.03.20 - Version 1.16.0

Fixed bug with add list of marker..

Update 20.02.20 - Version 1.15.0

Update - Remove Route action, Zoom param. on Track Location action, not show popup if marker description is empty, clicked marker id state..

Update 03.12.19 - Version 1.14.0

Update and Fixes: added option for info window, fixed change style action on page load..

Update 14.11.19 - Version 1.13.0

Update - Added action togler for show/hide map controls.

Update 08.11.19 - Version 1.12.0

Update - Enable or disable map directions controls.

Update 06.11.19 - Version 1.11.0

Improvements - expose now speed state, added API call for retrieving route details..

Update 30.07.19 - Version 1.10.0

Update - Action added: Add List of Markers, also added possibility to remove from map an entire markers clusters..

Update 13.06.19 - Version 1.9.0

minor fixes.

Update 11.06.19 - Version 1.8.0

minor fixes.

Update 04.06.19 - Version 1.7.0

Minor fixes.

Update 15.05.19 - Version 1.6.0

Updated description.

Update 14.05.19 - Version 1.5.0

added a state with clicked marker's address 2. added workflow event "when a marker is clicked" 3. added a state that returns a list of markers 4. added a state that returns map's center address .

Update 01.02.19 - Version 1.4.0

Minor Fixes.

Update 31.01.19 - Version 1.3.0

Minor Improvements.

Update 22.01.19 - Version 1.2.0

Minor Fixes.

Update 17.01.19 - Version 1.1.0

Minor improvements.

Update 14.06.18 - Version 1.0.2

Description Changes.

Update 17.03.18 - Version 1.0.1

Commercial Release.

Update 17.03.18 - Version 1.0.0

Commercial Release.

Title	Description
Marker Clicked	Triggers when an marker is clicked
Marker is dragged	Triggers when an draggable marker is moved
Polygon is drawed	Triggers when polygon is finished in draw tool
Polygon is updated	Triggers when polygon is updated in draw tool
Map is loaded	Triggers when map is loaded
Route is set	Triggers when an route is set
Measure Distance Set	Triggers when minimum 2 point is drawed in measure distance tool
Created line is clicked	Triggers when a created line is clicked
Cluster Clicked	Triggers when a cluster is clicked
List of markers displayed	Triggers when a list of markers are displayed
Clusters were created	Triggers when clusters are created
Map is Clicked	Triggers when a map is clicked
Zip code area clicked	Triggers when a zip code area is clicked

Title	Description	Type
Style Mode	One of the possible styles	Enum text, Required
Custom Style	Custom style url	Text, Optional

Title	Description	Type
Markers Type	Indicate a type of markers from your database	App Type, Required
ID field	Tell the plugin what field is your marker ID	field of app type, Required
Geographic Address	geographic address of the marker	geographic address only
Longitude Field	Tell the plugin what field is your marker longitude	Field of app type Required
Latitude Field	Tell the plugin what field is your marker latitude	Field of app type Required
Description	Tell the plugin what field is your marker description	Field of app type Optional
Markers Source	Source of markers. Use Do a search for..	List of app type Required
List of Icons	Source to list of images. Should contain a list of images in the same order as the added markers (supports .png, .webp and .jpg types of images )	List of Images, Optional
Icon Size	Icon size. Use Do a search for…	List of numbers, Required
Default Icon	Applies a default Icon image in case the "list of Icons" field is not specified	Image
Marker Cluster ID	Marker cluster id, used for removing entire markers cluster with Remove Marker action	Text, Required

Title	Description	Type
Layer ID	Position of the button on the map	Text, Required
Show Close Button	Show cross button on top-right corner of the popup	Yes/No, Required
Close on click	Close popup onclick	Yes/No, Required
Background Color	Color of popup	Color, Required
Font Size	Font size of the text in popup	Number, Required
Font Family	Font family of text in popup	Text, Optional
Field to show	Field from there to get a text for a popup	Text, Required

Title	Description	Type
Zoom	On geocoded result what zoom level should the map animate to when a bbox isn't found in the response. If a bbox is found the map will fit the bbox	Number, Required
Placeholder	Placeholder text	Text, Required
Minimal length	Minimum number of characters to enter before results are shown	Number, Required
Limit	Maximum number of results to show	Number, Required
Position	Position of geocoder on the map	Enum, Required
Language	Specify the language to use for response text and query result weighting. Options are IETF language tags comprised of a mandatory ISO 639-1 language code and optionally one or more IETF subtags for country or script. More than one value can also be specified, separated by commas. Defaults to the browser's language settings	Text, Optional
Add to input	If it is checked geocoder has been added in a group with Input ID id attribute	Yes/No, Required
Input ID	Id of group where to add geocoder	Text, Optional