Last updated:

May 28, 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, don't duplicate or delete it. The location pin has three styleable states: default, hover, and 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 created with Dynamic Map, showing pin states and styling options inside Webflow Designer.
Overview of the Map Location Pins created with Dynamic Map, 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 elements: default, hover, and active.

Default State — ncf-pinstyle="default"

Webflow attribute panel showing ncf-pinstyle=default.

Hover State — ncf-pinstyle="hover"

Active State — ncf-pinstyle="active"

Category Pins and Custom Pins