✅ It supports retrieving the current location. Please make sure to use the tracking location workflow to update the users location on the map.
Documentation: https://docs.nocodeventure.com/react-native-plugins/mapbox

This plugin loads Mapbox with dynamic data and lets you add a map to your app affordably.

1. Add the "Mapbox Native Maps" element to your page.
2. Set your Mapbox public token in the "mapbox_token" field.
3. Optionally set:
   - initial_center_lng (starting longitude)
   - initial_center_lat (starting latitude)
   - initial_zoom (starting zoom level)
   - initial_pitch (3D tilt angle)
   - initial_bearing (rotation angle)
   - map_style_name (e.g., "streets-v11", "light-v10", "satellite-v9", etc.)
4. Provide a list of markers as an array. Each marker supports:
   - id (required)
   - lng (required)
   - lat (required)
   - name (popup title)
   - address (popup description)
   - popupImage (optional image inside popup)
   - markerImage (optional image used as marker icon)
   - markerWidth (width of custom marker image)
   - markerHeight (height of custom marker image)
   - buttonText (optional button text inside popup)
   - buttonFontSize
   - buttonBackgroundColor
   - colorText
   - buttonBorderRadius
5. The map automatically renders your markers.
6. When a marker is clicked, the plugin triggers "marker_clicked" and updates states:
   - clicked_marker_id
   - clicked_marker_name
   - clicked_marker_lat
   - clicked_marker_lng
   - clicked_marker_data (full marker JSON)
7. When a button inside a popup is clicked, the plugin triggers "button_clicked" and updates the same states.
8. Use these events and states inside Bubble workflows to react to user interactions.

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=mapbox

Editor: https://bubble.io/page?id=ncv-react-plugins&test_plugin=1745653135379x838874024815099900_current&tab=Design&name=mapbox&type=page