Last updated:

May 19, 2026

Map Location Pins

The Location Pin marks each CMS item on your Dynamic Map. It requires the attribute ncf="mapicon" and the class cru-ncf-pin. Only one pin element should exist — never duplicate or delete it. Three styleable states: default (ncf-pinstyle="default"), hover (ncf-pinstyle="hover"), and active (ncf-pinstyle="active"). For category-level designs see CMS Category Pins; for per-item icons see Custom Pins for Individual Items.
Overview of the Map Location Pins feature in Dynamic Map for Webflow, showing pin states and styling options inside Webflow Designer.
Overview of the Map Location Pins feature in Dynamic Map for Webflow, showing pin states and styling options inside Webflow Designer.

Intro

The Location Pin is the main visual element that shows your users where each item is on the map.

Main Attributes

The Location Pin element must carry the attribute: ncf="mapicon"

Webflow element attribute panel showing the required ncf=mapicon attribute applied to the location pin element.
Webflow element attribute panel showing the required ncf=mapicon attribute applied to the location pin element.

Important: Only one pin element can exist at a time. Do not delete or duplicate it. Ensure the pin is styled with the class cru-ncf-pin.

Styling and Pin States

Three states are available for styling:

Webflow Designer showing the three pin state child elements: default, hover, and active.
Webflow Designer showing the three pin state child elements: default, hover, and active.

Default State — ncf-pinstyle="default"

Webflow attribute panel showing ncf-pinstyle=default.
Webflow attribute panel showing ncf-pinstyle=default.

Hover State — ncf-pinstyle="hover"

Webflow attribute panel showing ncf-pinstyle=hover.
Webflow attribute panel showing ncf-pinstyle=hover.

Active State — ncf-pinstyle="active"

Webflow attribute panel showing ncf-pinstyle=active.
Webflow attribute panel showing ncf-pinstyle=active.

Category Pins and Custom Pins