Screen Flow guide

How to put a Map in a Screen Flow

Screen flows do not ship with a standard map component. Here are your real options, side by side.

Start freeSee the Map component

The Avonni Map inside a screen flow, recorded in a Salesforce org. Picking a marker hands that record to the next screen. Fictional data.

What happens on a click

Pick a marker. The flow knows.

One click, three things happen. Here is the sequence, screen by screen.

Map markers around Oak Park and a cluster of three accounts near downtown Chicago
1Pick a marker.Every account is a marker. Nearby ones group into a cluster until you zoom in.
Selected marker popup reading Burlington Textiles, city Oak Park, industry Apparel
2The record is selected.The marker opens its popup with the fields you chose, city and industry here.
Next flow screen reading Next stop: Burlington Textiles, with an Arrival time field
3The flow gets the record.The selected record is available on the next screen, ready for the next step.
Get started

Three steps to a map in your flow

No Apex, no deploy. The configuration happens in the component builder, inside Flow Builder.

1
Install the package.

Avonni Flow Screen Components, in production or in a sandbox. Start free opens both links.

2
Add the Map to a screen.

Pick Google Maps or Leaflet, point it at an object with an address or coordinates, choose what each marker shows.

3
Wire the click.

Add an interaction on marker select, or read the selected record on the next screen. Then test with Previous and Next.

Package: Avonni Flow Screen ComponentsFree sandbox to try it first10 free production licensesSecurity reviewed, on AppExchangeLeaflet needs tile.openstreetmap.org as a Trusted Site
WHAT CHANGES

Your records on a map, in the flow

Two map engines

Google Maps or Leaflet, chosen in the builder.

Records as markers

Custom markers for the records you query, clustered on Leaflet.

Drawing tools

Draw zones and shapes on the Leaflet map, saved as a file if you want.

Markers that talk to the flow

Select a marker and the record flows into your next screen.

Search and filters

Search across record fields and filter by field, right on the map.

Addresses, not coordinates

Street, city, postal code on Google Maps. Coordinates on Leaflet.

SIDE BY SIDE

Build it yourself, or drag it in

Paths 2 and 3, side by side. A custom flow screen component is a Lightning Web Component you build and maintain yourself.

Capability
Build it yourself (custom LWC)
With Avonni
Map in a screen flow
Custom code on the lightning map base component
✓A component you drag into the flow
Google Maps or Leaflet
You integrate and license the engine
✓Both engines, chosen in the builder
Records as markers, with clustering
You code the markers and clustering
✓Included, clustering on Leaflet
Drawing tools
You code zones and shape handling
✓Included on Leaflet, drawn on the map
Connect your Salesforce records
You write the Apex or wire adapters
✓Point it at any object with conditions
Who maintains it
Your team, release after release
✓Avonni ships the updates

Your three paths

1
Do without the map

Work from addresses in a list or table inside the flow. It works, but your users lose the spatial view.

2
Build a flow screen component

A custom Lightning Web Component on the lightning map base component. You write, test, and deploy it.

3
Drag in the Avonni Map

Installed from AppExchange, configured in the builder, live inside your flow. No code.

Compare standard and Avonni on every Salesforce surface →
See what else Flow Builder is missing: the complete guide to Screen Flow components →

Put a map in your next flow

Avonni Flow Screen Components. Free sandbox, 10 free production licenses. Start free opens the install links for both.

Start freeTalk to sales