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.

8
WHAT CHANGES

Your records on a map, in the flow

Two map engines

Google Maps or Leaflet, chosen in the builder.

Records as markers

Clustering and custom markers for the records you query.

Drawing tools

Draw zones and shapes directly on the map.

Markers that talk to the flow

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

Search and filters

Address search and field filters, right on the map.

Addresses, not coordinates

Street, city, postal code. The map geocodes them for you.

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, configured in the builder
Drawing tools
You code zones and shape handling
βœ“Included, 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.

Put a map in your next flow

Install from AppExchange and start free with 10 licenses.