1.  Drag the Plugin Element** onto your Bubble page from the plugin elements list.

2.  Set Initial Location and Radius** (optional):

  * `latitude` (number): Starting latitude for the map and marker. Default is 28.6139.
  * `longitude` (number): Starting longitude for the map and marker. Default is 77.2090.
  * `radius` (number): Radius for geofence circle in meters. Default is 1000.

3.  States to Monitor:

  * `latitude` (number): Updates dynamically as user moves the marker or clicks the map.
  * `longitude` (number): Same as above.
  * `inside_geofence` (boolean): True if the selected location is inside the radius circle.

4.  Interacting with the Plugin:

  * Click on the map to move the marker to that location.
  * Drag the marker to change location.
  * The circle radius and geofence will update dynamically.
  * Use published states to trigger workflows or display location info.

5. Optional Customizations:

  * You can replace the tile layer URL to use Google Maps or Mapbox if you have API keys.

  * Extend plugin to add location autocomplete by integrating Google Places API or other services.