Carte interactive

Aperçu

Disons que vous avez un tableau de données listant différents comptes (accountsDatatable). Chaque compte peut avoir un emplacement qui lui est associé. Vous voulez faciliter la tâche des utilisateurs pour voir l'emplacement lié à un compte spécifique qu'ils sélectionnent dans le tableau.

Voici comment y parvenir :

Configuration du tableau de données

1. Le composant Data Table

• Vous disposez d'un composant de tableau de données où vous affichez les informations de vos comptes. Appelons-le accountsDatatable.

• Chaque ligne de votre tableau affiche les détails d'un seul compte.

2. Nommer votre tableau de données

• Dans les paramètres du tableau de données, assurez-vous de lui avoir donné le nom d'API accountsDatatable.

• Considérez cela comme donner un surnom à votre tableau de données afin que d'autres composants puissent le reconnaître facilement.

3. Limiter à une seule sélection

• Pour vous assurer que les utilisateurs ne peuvent sélectionner qu'un seul compte à la fois, allez dans les propriétés du tableau de données.

• Trouvez le paramètre "Max Row Selection" et changez-le en "1".

Pourquoi limiter à une seule sélection ?

Dans notre exemple, nous voulons que la carte affiche les emplacements d'un seul compte à la fois. En limitant les sélections à une seule ligne, nous garantissons une expérience claire et ciblée pour l'utilisateur.

Configuration de la carte Avonni

1. Le composant Carte

• Vous avez un composant de carte prêt à l'emploi (appelons-le relatedLocationsMap).

• C'est ici que nous afficherons les emplacements des comptes.

2. Indiquer à la carte où obtenir les données

• Ouvrez les paramètres de votre carte et allez à la section "Source de données".

• Choisissez l'option "Query Data Source". Cela indique à la carte de récupérer ses informations à partir d'un objet Salesforce spécifique.

• Sélectionnez l'objet "Account" (ou celui qui contient vos données d'emplacement).

3. Filtrer les résultats

• Nous avons besoin d'un filtre pour n'afficher que les emplacements du compte sélectionné dans le tableau de données.

• Dans les paramètres de requête, ajoutez une condition de filtre :

  • Champ : ID du compte

  • Opérateur : Égal à

  • Valeur : {{accountsDatatable.selectedRecord.Id}}

    • Cette expression indique à la carte de n'afficher que les emplacements où l'ID du compte correspond à l'ID de la ligne sélectionnée dans votre tableau de données.

4. Vérifiez une dernière fois les paramètres de la carte

• Assurez-vous d'avoir correctement mappé les champs.

• Par exemple, vous devez indiquer à la carte quel champ contient les coordonnées de latitude et de longitude afin qu'elle sache où placer les marqueurs d'emplacement.

Le résultat

Votre carte est maintenant dynamique ! Lorsque vous sélectionnez un compte dans votre tableau de données, la carte affiche automatiquement uniquement les emplacements associés à ce compte. Cela crée une expérience fluide et informative pour vos utilisateurs.