Video tutorials
/
How to Create Reactive, Interactive Maps in Salesforce Experience Cloud with no-code
Experience Sites

How to Create Reactive, Interactive Maps in Salesforce Experience Cloud with no-code

On an Experience Cloud site, link a data table to a map so the map follows the user's selection.

Intermediate
8:26
Tutorial
How to Create Reactive, Interactive Maps in Salesforce Experience Cloud with no-code
Play video
Chapters
0:00 Introduction to reactivity 1:18 Setting up the layout 2:20 Configuring the data table 4:04 Integrating the map 5:53 Building reactive filters 7:51 Resources and conclusion
Click a chapter to jump to it
Watch on YouTube

What you will build

Build a reactive map on an Experience Cloud site: a data table and a map that filter together. For Salesforce admins who build portals and want location data without code.

  • How reactivity works between components on a site page
  • A page layout for the table and the map
  • The data table configuration
  • The map, connected to the table
  • Reactive filters on the locations

Before you start

The Avonni Experience Components package (it includes Dynamic Components).

Transcript

Show the full transcript
In this video
Map
See the component
Documentation
Read the step by step docs
See it as a use case
No items found.
Build it in your org

Free in sandboxes, 10 free production licenses.

Start free
Keep going

Related tutorials

Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code
14:32
Screen Flows

Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code

A screen flow with a map of accounts and a details panel that updates when you select an account.

Beginner
Tutorial
Build a "No-Code" Salesforce Map for Instant Account Insights (Flow Tutorial)
11:10
Screen Flows

Build a "No-Code" Salesforce Map for Instant Account Insights (Flow Tutorial)

Accounts on a map colored by industry, with account details that open in a side panel on click.

Intermediate
Tutorial

Find your next tutorial

Browse the whole library, filtered by where it runs and what you want to build.

All video tutorials