Datentabelle und Karte für dynamische Standorte verknüpfen

Übersicht

Dieser Leitfaden erklärt, wie Sie eine Avonni Data Table und eine Avonni Map-Komponente in Ihrer Experience-Cloud-Site verbinden, um eine dynamische, interaktive Darstellung zu erstellen. Durch die Verknüpfung der beiden Komponenten aktualisiert die Auswahl eines Kontos in der Data Table die Map, um zugehörige Standorte anzuzeigen und so die Benutzerinteraktion zu verbessern.

Vorteile

Durch die Verknüpfung dieser Komponenten kann Ihre Site in Echtzeit auf Benutzerauswahlen reagieren und bietet so eine fokussierte und intuitive Möglichkeit, Kontostandorte ohne manuelle Aktualisierungen zu erkunden.

Die Integration einrichten

Die Data Table konfigurieren

1

Die Data-Table-Komponente hinzufügen

• Platzieren Sie eine Avonni Data Table-Komponente auf Ihrer Experience-Cloud-Seite, um Kontoinformationen anzuzeigen.
• Warum das? Die Data Table dient als Ausgangspunkt und zeigt Kontodetails zur Auswahl durch den Benutzer an

2

Benennen Sie die Data Table

• Legen Sie im Eigenschaftenbereich der Data Table das API-Namen auf accountsDatatable.
• Warum das? Der API-Name dient als eindeutige Kennung, damit andere Komponenten (wie die Map) ihn erkennen und darauf reagieren können.

3

Auf eine Auswahl begrenzen

• Suchen Sie in den Eigenschaften der Data Table die Maximale Zeilenauswahl Einstellung und setzen Sie sie auf 1.
• Warum das? Die Begrenzung auf eine Zeile stellt sicher, dass die Map Standorte für ein einzelnes Konto anzeigt, wodurch die Erfahrung klar und fokussiert bleibt.

Die Avonni Map konfigurieren

1

Die Map-Komponente hinzufügen

• Platzieren Sie eine Avonni Map-Komponente auf derselben Seite (z. B. benennen Sie sie relatedLocationsMap).
• Warum das? Die Map zeigt Standortdaten basierend auf dem ausgewählten Konto an.

2

Die Datenquelle festlegen

• Gehen Sie im Eigenschaftenbereich der Map zum Datenquelle Bereich.
• Wählen Sie Datenquelle abfragen und wählen Sie das Account Objekt (oder das Objekt mit Standortdaten) aus.
• Warum das? Die Abfrage ruft Standortdaten dynamisch aus Salesforce ab

3

Die Ergebnisse filtern

• Fügen Sie in den Abfrageeinstellungen eine Filterbedingung hinzu:
• Warum das? Dieser Filter stellt sicher, dass die Map nur Standorte anzeigt, die mit dem in der Data Table ausgewählten Konto verknüpft sind, indem die ID des ausgewählten Datensatzes verwendet wird

Feld	Operator	Wert
Konto-ID	Gleich	{{accountsDatatable.selectedRecord.Id}}

4

Die Felder zuordnen

• Konfigurieren Sie die Map so, dass Standortmarker angezeigt werden, indem Sie Felder zuordnen (z. B. setzen Sie Breitengrad und Längengrad Felder aus dem Account-Objekt oder einem zugehörigen Objekt).
• Warum das? Eine korrekte Feldzuordnung zeigt der Map, wo Marker basierend auf den abgefragten Daten platziert werden sollen.

Ergebnis

Wenn ein Benutzer ein Konto in der Data Table auswählt, aktualisiert sich die Map automatisch und zeigt nur die mit diesem Konto verknüpften Standorte an. Dadurch entsteht ein nahtloses, interaktives Erlebnis, mit dem Besucher Daten effizient erkunden können.

Häufige Probleme beheben

• Map wird nicht aktualisiert: Stellen Sie sicher, dass der API-Name accountsDatatable exakt übereinstimmt und dass die maximale Zeilenauswahl auf 1 gesetzt ist. Überprüfen Sie die Filtersyntax ({{accountsDatatable.selectedRecord.Id}}).
• Keine Standorte angezeigt: Stellen Sie sicher, dass das Account-Objekt oder das zugehörige Objekt Breiten- und Längengradfelder hat, und bestätigen Sie, dass die Abfrage Daten zurückgibt.
• Leistungsprobleme: Vereinfachen Sie die Abfrage oder reduzieren Sie die Anzahl der Datensätze, wenn die Map langsam lädt.
• Wenn die Probleme weiterhin bestehen: Kontaktieren Sie unser Support-Team unter [email protected] zur Unterstützung