Dynamic OpenStreetMap is a flexible and feature-rich map element available in the Dynamic Toolbox for Bricks.
It enables users to render OpenStreetMap maps directly inside Bricks Builder and configure them dynamically through a range of interactive controls. This element supports both address-based and latitude/longitude-based location rendering, making it ideal for visualizing geographic data with custom markers, info windows, and layered map controls.
Settings
The element introduces a wide array of configuration options divided into several logical sections:
Map Data Type
Address: Input textual addresses.
Latitude and Longitude: Input coordinates manually.
Map Type
Options include
osm,hot, andcycletile providers.
Address or Coordinates
Each entry can be configured with:
A custom marker (image, width, height).
An optional custom info window.
Map Controls
Zoom level (numeric).
Zoom control toggle.
Box zoom, double-click zoom, dragging, layers panel, map scale, and marker clustering toggles.
Circles
Enable circular overlays.
Configure radius, color, opacity, and weight.
Style
The element includes a Style tab in Bricks to customize the map presentation visually:
Map height: Set with responsive units.
Hover transition: Smooth visual transitions on interaction.
Info Window Styling:
Background color
Text color
Circle Styling:
Fill color
Opacity
Border weight
Usage Summary
To use Dynamic OpenStreetMap in Bricks:
Add the element to your canvas.
Select the data type (
AddressorLatitude/Longitude).Input data through repeaters.
Customize map controls and appearance.
Optionally enable and style circle overlays.