Lier le tableau de données et la carte pour des emplacements dynamiques

Aperçu

Ce guide explique comment connecter une Avonni Data Table et un composant Avonni Map sur votre site Experience Cloud pour créer un affichage dynamique et interactif. En reliant les deux composants, la sélection d'un compte dans la Data Table met à jour la carte pour afficher les emplacements associés, renforçant l'engagement des utilisateurs.

Avantages

La liaison de ces composants permet à votre site de réagir aux sélections des utilisateurs en temps réel, offrant un moyen ciblé et intuitif d'explorer les emplacements des comptes sans actualisations manuelles.

Configuration de l'intégration

Configuration de la Data Table

1

Ajouter le composant Data Table

• Placez un composant Avonni Data Table sur votre page Experience Cloud pour afficher les informations des comptes.

• Pourquoi ceci ? La Data Table sert de point de départ, montrant les détails des comptes pour la sélection par l'utilisateur

2

Nommer la Data Table

• Dans le panneau Propriétés de la Data Table, définissez le Nom de l'API sur accountsDatatable.

• Pourquoi ceci ? Le nom de l'API agit comme un identifiant unique, permettant à d'autres composants (comme la carte) de le reconnaître et d'y réagir.

3

Limiter à une sélection

• Dans les propriétés de la Data Table, trouvez le Sélection maximale de lignes et réglez-le sur 1.

• Pourquoi ceci ? Limiter à une ligne garantit que la carte affiche les emplacements pour un seul compte, conservant une expérience claire et ciblée.

Configuration de l'Avonni Map

1

Ajouter le composant Map

• Placez un composant Avonni Map sur la même page (par exemple, nommez-le relatedLocationsMap).

• Pourquoi ceci ? La carte affichera les données de localisation en fonction du compte sélectionné.

2

Définir la source de données

• Dans le panneau Propriétés de la carte, allez à la Source de données section.

• Sélectionnez Source de données par requête et choisissez le Compte objet (ou l'objet contenant les données de localisation).

• Pourquoi ceci ? La requête récupère dynamiquement les données de localisation depuis Salesforce

3

Filtrer les résultats

• Ajoutez une condition de filtre dans les paramètres de la requête :

• Pourquoi ceci ? Ce filtre garantit que la carte n'affiche que les emplacements liés au compte sélectionné dans la Data Table, en utilisant l'ID de l'enregistrement sélectionné

Champ	Opérateur	Valeur
ID du compte	Égale	{{accountsDatatable.selectedRecord.Id}}

4

Mapper les champs

• Configurez la carte pour afficher des marqueurs de localisation en mappant les champs (par exemple, définissez Latitude et Longitude champs de l'objet Compte ou d'un objet lié).

• Pourquoi ceci ? Un mappage correct des champs indique à la carte où placer les marqueurs en fonction des données interrogées.

Résultat

Lorsque un utilisateur sélectionne un compte dans la Data Table, la carte se met automatiquement à jour pour n'afficher que les emplacements associés à ce compte. Cela crée une expérience interactive et fluide, permettant aux visiteurs d'explorer les données efficacement.

Dépannage des problèmes courants

• La carte ne se met pas à jour : Assurez-vous que le nom d'API accountsDatatable correspond exactement et que la Sélection maximale de lignes est réglée sur 1. Vérifiez la syntaxe du filtre ({{accountsDatatable.selectedRecord.Id}}).

• Aucun emplacement affiché : Vérifiez que l'objet Compte ou l'objet lié possède des champs de latitude et de longitude, et confirmez que la requête renvoie des données.

• Problèmes de performance : Simplifiez la requête ou réduisez le nombre d'enregistrements si la carte se charge lentement.

• Si les problèmes persistent : Contactez notre équipe d'assistance à [email protected] pour obtenir de l'aide