YouTube ChannelSchedule a CallSubscribe for Updates

Verknüpfung von Datentabelle und Karte für dynamische Standorte

Überblick

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 Anzeige zu erstellen. Durch Verknüpfung der beiden Komponenten aktualisiert die Auswahl eines Accounts in der Data Table die Karte, um zugehörige Standorte anzuzeigen und die Benutzerinteraktion zu verbessern.

Vorteile

Die Verknüpfung dieser Komponenten ermöglicht es Ihrer Site, in Echtzeit auf Benutzerauswahlen zu reagieren und bietet eine fokussierte und intuitive Möglichkeit, Account-Standorte ohne manuelle Aktualisierungen zu erkunden.

Einrichtung der Integration

Konfiguration der Data Table

1

Fügen Sie die Data Table-Komponente hinzu

  • Platzieren Sie eine Avonni Data Table-Komponente auf Ihrer Experience Cloud-Seite, um Account-Informationen anzuzeigen.

  • Warum das? Die Data Table dient als Ausgangspunkt und zeigt Account-Details zur Auswahl durch den Benutzer an

2

Benennen Sie die Data Table

  • Legen Sie im Eigenschaftenbereich der Data Table den API-Namen auf accountsDatatable.

  • Warum das? Der API-Name fungiert als eindeutiger Bezeichner, der anderen Komponenten (wie der Karte) erlaubt, ihn zu erkennen und darauf zu reagieren.

3

Auf eine Auswahl beschränken

  • Suchen Sie in den Eigenschaften der Data Table die Einstellung Max Row Selection und setzen Sie sie auf 1.

  • Warum das? Die Beschränkung auf eine Zeile stellt sicher, dass die Karte Standorte für einen einzelnen Account anzeigt und die Nutzererfahrung klar und fokussiert bleibt.

Konfiguration der Avonni Map

1

Fügen Sie die Map-Komponente hinzu

  • Platzieren Sie eine Avonni Map-Komponente auf derselben Seite (z. B. benennen Sie sie relatedLocationsMap).

  • Warum das? Die Karte zeigt Standortdaten basierend auf dem ausgewählten Account an.

2

Datenquelle festlegen

  • Gehen Sie im Eigenschaftenbereich der Karte zum Datenquelle Abschnitt.

  • Wählen Sie Query Data Source und wählen Sie das Account Objekt (oder das Objekt mit Standortdaten).

  • Warum das? Die Abfrage ruft Standortdaten dynamisch aus Salesforce ab

3

Ergebnisse filtern

  • Fügen Sie eine Filterbedingung in den Abfrageeinstellungen hinzu:

  • Warum das? Dieser Filter stellt sicher, dass die Karte nur Standorte anzeigt, die mit dem in der Data Table ausgewählten Account verknüpft sind, indem die ID des ausgewählten Datensatzes verwendet wird

Feld
Operator
Wert

Account-ID

Gleich

{{accountsDatatable.selectedRecord.Id}}

4

Felder zuordnen

  • Konfigurieren Sie die Karte so, dass Standortmarker angezeigt werden, indem Sie Felder zuordnen (z. B. setzen Sie Breitengrad und Längengrad Felder aus dem Account-Objekt oder einem verwandten Objekt).

  • Warum das? Eine korrekte Feldzuordnung teilt der Karte mit, wo Marker basierend auf den abgefragten Daten platziert werden sollen.

Ergebnis

Wenn ein Benutzer in der Data Table einen Account auswählt, aktualisiert sich die Karte automatisch, um nur die mit diesem Account verknüpften Standorte anzuzeigen. Dies schafft eine nahtlose, interaktive Erfahrung, die Besuchern ermöglicht, Daten effizient zu erkunden.

Fehlerbehebung bei häufigen Problemen

  • Karte aktualisiert sich nicht: Stellen Sie sicher, dass der API-Name accountsDatatable genau übereinstimmt und dass Max Row Selection auf 1 gesetzt ist. Überprüfen Sie die Filter-Syntax ({{accountsDatatable.selectedRecord.Id}}).

  • Keine Standorte angezeigt: Überprüfen Sie, ob das Account-Objekt oder das verwandte Objekt Breitengrad- und Längengrad-Felder 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 Karte langsam lädt.

  • Wenn Probleme weiterhin bestehen: Kontaktieren Sie unser Support-Team unter [email protected] zur Unterstützung

Zuletzt aktualisiert

War das hilfreich?