Page cover

map-location-dotAX - Carte

Vue d’ensemble

AX - Carte est un composant Experience Cloud qui affiche les enregistrements Salesforce sous forme de marqueurs de localisation interactifs sur les pages des sites Experience.

Utilisez-le pour afficher les emplacements des utilisateurs du portail en fonction des champs d’adresse ou des coordonnées de latitude/longitude — comme les sites de service à proximité, les sites clients, les résultats du localisateur de magasins ou les lieux d’événements. Les utilisateurs peuvent cliquer sur les marqueurs pour voir les détails des enregistrements et accéder aux enregistrements. Récupérez les données de localisation à partir de n’importe quel objet standard ou personnalisé dans Experience Builder.

Parfait pour les localisateurs de magasins, les cartes des territoires de service, les outils de recherche de lieux d’événements, les vues de proximité client, ou partout où les utilisateurs du portail doivent visualiser des données géographiques.

circle-check

Premiers pas

Utilisez ce tutoriel simple pour apprendre les bases du composant Carte et commencer à créer vos cas d’usage.

spinner

Tutoriels

Name
Description

Apprenez à afficher des enregistrements sur Experience Cloud à l’aide d’Avonni Carte.


Configuration de la carte

Comprendre le processus de configuration, en particulier les sections Source de données et Mappages de données, est crucial pour utiliser ce composant efficacement.

Configuration de la source de données

La section Source de données est l’endroit où vous connectez Avonni Carte à vos données Salesforce. Vous avez deux options.

Type de source de données
Description
Cas d’usage

Source de données manuelle

Saisissez manuellement les données dans le tableau de données.

Idéal pour les données non dynamiques, les tests et les démonstrations.

Requête

Créez une requête pour remplir automatiquement le tableau avec les données Salesforce.

Adapté aux jeux de données dynamiques, en temps réel et volumineux.

Configuration du mappage des données

Dans la section Mappages de données, vous pouvez activer votre composant Carte en spécifiant comment les champs doivent être mappés. Cela implique d’aligner des champs, tels que les coordonnées de localisation de votre configuration Source de données, avec les attributs de carte correspondants.

chevron-rightPartage du modèle de données avec Avonni Cartehashtag

Respect des règles de partage des données Salesforce :

  • Respect des paramètres de l’organisation : Les composants Avonni respectent pleinement les configurations de partage des données et les paramètres d’accès existants de votre organisation Salesforce.

  • Politique de non-interférence : Ces composants ne modifient ni n’affectent en aucune façon vos règles de partage des données préétablies.

  • Visibilité et accès contrôlés : La possibilité de consulter et d’interagir avec des enregistrements via les composants Avonni est régie par les paramètres de partage et les autorisations utilisateur définis par votre organisation

Vous devez vous concentrer sur la section Localisation pour vous assurer que vos mappages de données sont correctement configurés, en particulier lors du mappage des emplacements. Voici pourquoi :

  1. Configuration des mappages de données: Pour garantir que le composant Carte affiche les bonnes informations, vous devez mapper les champs de données Salesforce à leurs libellés de localisation correspondants. Par exemple, vous allez mapper un champ Salesforce contenant des adresses postales au libellé 'street' dans le composant Carte, les noms de villes au libellé 'city', et ainsi de suite.

  2. Importance de la précision: Des mappages précis sont essentiels. Le composant Carte peut afficher des informations incorrectes si le mauvais champ Salesforce est associé à un libellé de localisation. Par exemple, si le champ 'city' est incorrectement mappé au libellé 'postal code', la carte pourrait afficher un emplacement dans une ville totalement différente, voire dans un autre pays.

Filtres

L’attribut Filtres vous permet de choisir des champs spécifiques pour filtrer et affiner les marqueurs affichés dans le composant de carte.

Autres paramètres

Vue de liste

Cette fonction affiche ou masque la liste des emplacements. Les valeurs valides sont visible, hidden ou auto. Cette valeur est auto par défaut, ce qui affiche la liste uniquement lorsque plusieurs marqueurs sont présents.

Niveau de zoom

Dans le composant de carte, vous pouvez ajuster le niveau de zoom pour vous concentrer sur différentes zones, du monde entier à des bâtiments individuels. Si vous ne définissez pas de niveau de zoom, la carte s’ajustera automatiquement pour afficher tous les marqueurs que vous y avez placés.

Le panneau Propriétés propose une option permettant de définir le zoom manuellement. Les niveaux de zoom vont de 1 à 22 sur les navigateurs de bureau et de 1 à 20 sur les appareils mobiles.

Voici un guide rapide de ce que chaque niveau de zoom affiche généralement :

  • Niveau 1 : Le monde entier

  • Niveau 5 : Un continent ou une grande masse continentale

  • Niveau 10 : Une ville

  • Niveau 15 : Détails au niveau de la rue

  • Niveau 20 : Des bâtiments individuels

Reportez-vous à la documentation de l’API Google Maps sur Les niveaux de zoomarrow-up-right pour des informations plus détaillées.

Comportement de l’interface utilisateur du composant Carte

Ces paramètres vous permettent de contrôler la manière dont les utilisateurs interagissent avec la carte, offrant une expérience utilisateur plus fluide et plus ciblée. De la désactivation de certaines fonctions de zoom et de glisser-déposer à l’ajout de fonctionnalités utiles comme une barre de recherche ou un pied de page, chaque paramètre a un objectif distinct :

Paramètre
Description

Désactiver le glisser

Empêche le déplacement de la carte par clic et glisser, en la maintenant dans une position fixe.

Masquer les contrôles de zoom

Supprime les contrôles de zoom avant/arrière, en maintenant un niveau de zoom constant sur la carte.

Désactiver le zoom avec la molette

Empêche la carte de zoomer avec la molette de la souris, garantissant un niveau de zoom stable.

Désactiver le double-clic pour zoomer

Désactive le zoom avant lors d’un double-clic sur la carte, en maintenant un niveau de zoom fixe.

Désactiver l’interface utilisateur par défaut

Supprime les éléments standard de l’interface de la carte, comme le basculement de la vue Street View, offrant un affichage plus épuré.

Afficher le pied de page

Affiche un pied de page sur la carte pour des informations supplémentaires telles que les sources de données cartographiques ou une légende.

Recherchable

Ajoute une barre de recherche à la carte, permettant aux utilisateurs de trouver et de zoomer facilement sur des emplacements ou points spécifiques.

Emplacement du centre de la carte

Lorsque plusieurs marqueurs se trouvent sur la carte, celle-ci se focalise automatiquement sur un point central situé près du milieu de l’ensemble des marqueurs. Ce point est calculé en fonction de leurs emplacements.


Interactions

Pour le composant Carte, il propose une interaction « on Select ». Cette fonction vous permet de spécifier l’action à effectuer lorsque les utilisateurs cliquent sur un marqueur de carte.

Type d’interaction
Description

Affiche une brève notification contextuelle à l’écran, fournissant un retour rapide ou une information après avoir cliqué sur un marqueur de carte.

Redirige l’utilisateur vers une autre page de votre site ou URL, en l’orientant vers des informations plus détaillées sur l’emplacement cliqué.

Ouvre une fenêtre modale avec un message d’alerte, présentant des informations importantes ou des avertissements concernant l’emplacement sélectionné.

Déclenche une boîte de dialogue de confirmation, utilisée pour les actions nécessitant une confirmation supplémentaire de l’utilisateur, comme la présence à un événement.

Ouvre une boîte de dialogue qui exécute un flux Salesforce, en lançant des workflows ou des processus liés à l’emplacement cliqué.


Paramètres

Name
Description

Titre de la liste

Définissez un titre pour votre liste de carte.

Vue de liste

Cette fonctionnalité est particulièrement utile pour permettre aux utilisateurs de voir une liste détaillée des lieux ou éléments sur la carte.

  • Auto: Détermine automatiquement la meilleure vue.

  • Visible: Garde la vue de liste toujours visible.

  • Masqué: Masque la vue de liste.

Niveau de zoom

Les niveaux de zoom vont de 1 à 22 sur les navigateurs de bureau et de 1 à 20 sur les appareils mobiles.

Voici un guide rapide de ce que chaque niveau de zoom affiche généralement :

  • Niveau 1 : Le monde entier

  • Niveau 5 : Un continent ou une grande masse continentale

  • Niveau 10 : Une ville

  • Niveau 15 : Détails au niveau de la rue

  • Niveau 20 : Des bâtiments individuels

Désactiver le glisser

Empêcher les utilisateurs de faire glisser la vue de la carte.

Masquer les contrôles de zoom

Supprimer les contrôles de zoom avant/arrière de la carte

Désactiver le zoom avec la molette

Désactiver le zoom avec la molette de la souris

Désactiver le double-clic

Empêcher le double-clic de zoomer sur la carte

Désactiver l’interface utilisateur par défaut

Supprimer l’interface standard de Google Maps pour un aspect plus épuré

Afficher le pied de page

Ajouter une section de pied de page au composant de carte

Recherchable

Activer une fonction de recherche dans la carte

Source de données

  • Manuel: Ajouter manuellement des marqueurs de carte.

  • Requête: Utiliser les données Salesforce avec le mappage des données pour un placement automatique des marqueurs

Emplacement du centre de la carte

Spécifiez le point central initial de la carte

Options de filtrage

Configurer des filtres pour la carte, affichés sous forme de popover

Options du moteur de recherche

  • Texte indicatif: Texte affiché dans la barre de recherche avant la saisie.

  • Position: Choisissez parmi gauche, droite, centre ou plein pour la position de la barre de recherche

Taille

  • Largeur et hauteur: Spécifiez les dimensions du composant de carte.

"Débordement" désigne la manière dont le contenu qui dépasse les limites de son conteneur est géré ou affiché. Lorsque le contenu à l’intérieur d’un composant de mise en page est trop volumineux pour tenir dans les dimensions attribuées (hauteur et largeur), le paramètre de débordement détermine ce qu’il advient du contenu excédentaire.

  • Débordement: Contrôlez la gestion du contenu en débordement.


Exemples de cas d’usage

Exemple 1 : Carte de compte réactive

spinner

Donnez vie à vos données de compte avec une carte interactive qui réagit instantanément aux sélections de l’utilisateur. En connectant le composant Carte à votre tableau de données des comptes, vous pouvez afficher des emplacements de facturation précis dès qu’un commercial clique sur un enregistrement de compte.


Ce que vous allez obtenir

  • Cartographie contextuelle : La carte se met automatiquement à jour pour afficher l’emplacement de facturation du compte sélectionné en fonction du choix du commercial dans le tableau de données

  • Navigation simplifiée dans les comptes : Les commerciaux peuvent localiser visuellement les comptes sans jamais quitter la page


Avant de commencer

  • Composant Tableau de données des comptes : Assurez-vous qu’un composant Tableau de données des comptes est déjà placé sur la page avec le nom API AccountsTable


Comment le configurer

1

Ajouter le composant Carte

  • Faites glisser le composant AX – Map sur le canevas d’Experience Builder

2

Configurer le composant

  • Définissez le nom API sur MapAccount

  • Définissez le type sur Leaflet

3

Définir une source de données

  • Créez une requête sur l’objet Account

  • Appliquez le filtre suivant : Id = {{AccountsTable.selectedRecord.Id}}

4

Définir les mappages de données

  • Définir Title sur Account Name

  • Sous Location, définissez Latitude sur Billing Latitude et Longitude sur Billing Longitude

5

Prévisualisez votre travail

  • Lancez l’aperçu, sélectionnez un enregistrement dans le Tableau de données des comptes et confirmez que la carte se met à jour pour refléter l’emplacement de facturation correspondant

Exemple 2 : Suivi des commandes client

spinner

Offrez à vos clients une visibilité en temps réel sur l’emplacement de leurs commandes. En mappant les données de géolocalisation directement depuis l’objet Commande, vous pouvez créer une expérience de suivi transparente et intuitive qui tient les clients informés à chaque étape.


Ce que vous allez obtenir

  • Visibilité en direct des commandes : Les clients peuvent voir l’emplacement actuel de leur commande affiché sur une carte interactive

  • La confiance par la transparence : Une expérience de suivi claire et visuelle réduit les demandes d’assistance et améliore la satisfaction client


Avant de commencer

  • Champ Géolocalisation personnalisé : Assurez-vous qu’un champ Géolocalisation personnalisé a été créé sur l’objet Commande pour stocker les coordonnées de suivi en temps réel


Comment le configurer

1

Ajouter le composant Carte

  • Faites glisser le composant AX – Map sur le canevas d’Experience Builder

2

Configurer le composant

  • Définissez le nom API sur TrackingMap

  • Définissez le type sur Carte Leaflet

3

Définir une source de données

  • Créez une requête sur l’objet Commande

4

Définir les mappages de données

  • Définir Title sur Numéro de commande

  • Définir Type sur Épingle

  • Sous Location, définissez Latitude sur Géolocalisation de suivi (Latitude) et Longitude sur Géolocalisation de suivi (Longitude)

5

Prévisualisez votre travail

  • Lancez l’aperçu et vérifiez que chaque commande apparaît comme une épingle sur la carte à son emplacement suivi correct

Mis à jour

Ce contenu vous a-t-il été utile ?