The latest Avonni Components release includes a new "Pin" marker type for the Avonni Map Component. Configure it directly in your Screen Flow settings. No complex customizations. No design required. Focus on your data; the visualization handles itself.

The Pin marker type lets you adjust scale, fill color, fill opacity, and stroke properties in the Flow configuration UI.

‍

Getting started with the Pin marker type

To implement the Pin marker type in your Avonni Map:

1. Install the latest Avonni version in your org.
2. In your Screen Flow, configure the Avonni Map component.
3. Select the "Pin" marker type from the dropdown.
4. Set fill color and stroke to match your requirements.

Example: account locations by type

Visualize all Salesforce accounts on a map with distinct colors by account type. Integrators, Partners, and Investors each get a unique marker color.

• Create a formula field: On the Account object, add a text formula field that calculates marker fill color based on Type.

Formula:

IF(ISPICKVAL(Type,'Integrator'), '#fcc003',    

IF(ISPICKVAL(Type,'Partner'), '#d78ff5',        

IF(ISPICKVAL(Type,'Investor'), '#e3066a', '#08abed')))

This formula assigns hex color codes to each account type, with a fallback color for unmapped types.

• Link to Fill Color: In the Avonni Map component settings, bind the "Fill Color" property to this formula field.

‍

That's it. Each account pin now displays its color based on account type. The visual distinction makes it trivial to identify trends, prioritize outreach, or allocate resources based on account distribution.

‍