Products

Education

Resources

Company

Support

Products

Education

Resources

Company

Support

Mapframe

How to Style Map Markers in Framer

setup

COMPONENTS

INTEGRATIONS

FAQ

How to Style Map Markers in Framer

The marker is the pin that shows up on the map for each of your points.

Turn it on/off and set it up under Elements → Marker.

Setup

  • Enabled - show or hide markers.

  • Type - choose Icon (a custom image/icon) or Label (a text pill showing a data field).

Icon type

  • Icon - the image used as the marker.

  • Shadow - an optional shadow image placed under the icon.

  • Icon size / Shadow size - width and height.

Label type

  • Field - which data field to display in the label (must match a field Name exactly, see Manual Data Source).

  • Prefix / Suffix - text added before/after the field value (e.g. $ or /night).

  • Font, Text, Fill, Border, Radius, Padding, Shadow, Max width - styling for the label pill.

  • Hover - how the label changes on hover (Scale, Background, Text, Border, Transition).

Demo Marker

Turning on Demo Marker shows a placeholder marker on the Framer canvas only, so you can style it even without real data connected. It never shows up on your published site.