L'élément Carte place un ou plusieurs lieux sur une carte OpenStreetMap. Pas de clé à demander, pas de compte Google : la carte n'appelle aucun service tant que le visiteur ne l'a pas demandée.
Une carte qui se charge à la demande
Le visiteur voit d'abord une image de la carte et un bouton Afficher la carte. Au clic, la vraie carte se charge : on peut zoomer, la déplacer et ouvrir les repères. La page reste légère et aucune donnée ne part chez un tiers sans action du visiteur. L'image de la carte est enregistrée en WebP quand le serveur le permet, en JPEG sinon.
Les lieux
Chaque lieu a un nom et une adresse. Opus trouve seul sa position et l'affiche dans une bulle au clic sur le repère. La roue dentée d'un lieu ouvre ses réglages :
- Couleur et pictogramme de son repère ;
- Latitude et longitude, pour placer le repère au mètre près ou corriger une adresse mal trouvée ;
- un lien vers une page du site, une adresse web ou un article ;
- une classe CSS, posée sur sa ligne de la liste et sur son repère.
Un lieu peut porter jusqu'à 5 informations : téléphone, courriel, horaires, site, réseau social, page du site ou texte libre. On les réordonne et on les duplique comme les autres sous-éléments.
Les lieux viennent de vos articles
Sur la ligne de la carte, à côté de son titre, Les lieux viennent propose De la liste ci-dessous (saisie à la main) ou Des articles de catégories : un article par lieu. Avec les articles, la liste des lieux laisse la place à une seconde ligne de réglages :
| Réglage | Ce qu'il fait |
|---|---|
| Catégories | Les articles publiés de ces catégories que le visiteur peut voir, dans l'ordre des articles. La liste s'ouvre en cases à cocher : cochez-en autant que vous voulez. |
| Champ de l'adresse | Le champ personnalisé qui contient l'adresse du lieu. |
| Champs de latitude et de longitude | Facultatifs mais conseillés pour beaucoup de lieux : avec la position, aucune recherche d'adresse. |
| Champs affichés dans la liste | Les autres champs personnalisés, avec leur nom et leur rendu Joomla (un lien reste un lien). Cases à cocher, comme pour les catégories. |
| Fiche façon blog | L'image et le texte d'introduction de l'article dans sa ligne ; son titre mène à l'article. |
Un article sans adresse ni position n'apparaît pas sur la carte.
Les réglages de la carte
Derrière la roue dentée de la carte :
| Réglage | Ce qu'il fait |
|---|---|
| Liste des lieux | À droite ou à gauche de la carte, ou au-dessus ou en dessous avec la carte en pleine largeur. Dans un bloc étroit, la liste passe toujours sous la carte. |
| Largeur de la liste | Sa part à côté de la carte, sur douze ; la carte prend le reste. |
| Hauteur de la carte | Petite (300 px), moyenne (420 px), grande (560 px) ou choisie, de 200 à 1200 px. |
| Repères | Leur forme, ce qu'il y a dedans (le numéro du lieu ou un pictogramme) et leur couleur. Chaque lieu peut avoir les siens. |
| Itinéraire tracé sur la carte | Un bouton « Itinéraire jusqu'ici » sur chaque lieu : le trajet depuis la position du visiteur, ou une adresse qu'il tape, se dessine sur la carte, à pied, à vélo ou en voiture. |
| Lien « Itinéraire » vers | OpenStreetMap, Google Maps, ou aucun pour retirer ce lien. |
| Zoom | Automatique (tous les lieux visibles), ou quartier, ville, département et voisins, région. |
| Textes des boutons | Le texte du bouton « Afficher la carte », du bouton « Itinéraire jusqu'ici » et du lien « Itinéraire ». Vide : le texte de la langue du site. |
La zone d'intervention
Derrière la roue dentée de la carte, sous le zoom, Zone d'intervention teinte la zone que couvre une entreprise ou un service autour d'une adresse. Trois façons de la mesurer :
- En temps de route : ce qu'on atteint en 15 minutes à 3 heures ;
- En kilomètres par la route : de 1 à 500 km de trajet ;
- En kilomètres à vol d'oiseau : un cercle de 1 à 500 km autour de l'adresse.
| Réglage | Ce qu'il fait |
|---|---|
| Durée | Le temps de trajet maximum, de 15 minutes à 3 heures. En temps de route seulement. |
| Distance (km) | La distance maximum, de 1 à 500 km. Par la route ou à vol d'oiseau. |
| Moyen de transport | En voiture, à vélo ou à pied. Il ne sert pas à vol d'oiseau. |
| Adresse de départ | L'adresse de l'entreprise, ou une position « latitude, longitude ». Vide : le premier lieu de la carte. |
| Texte de la zone | La phrase écrite sous la carte. Vide : Opus la compose à partir des réglages. |
La zone se voit dès l'image de la carte, avant le clic. Le site la calcule une seule fois et la garde : le visiteur ne déclenche aucun appel. Par la route, le calcul passe par le service OSRM de FOSSGIS, cité sous la carte, et le premier affichage peut prendre quelques secondes. À vol d'oiseau, aucun service n'est appelé. Si le service ne répond pas, la carte s'affiche sans la zone et Opus réessaie une heure plus tard.
Bon à savoir
- Opus cherche au plus 3 nouvelles adresses par affichage, puis garde les positions trouvées. Pour une carte de nombreux lieux, donnez la latitude et la longitude.
- Une adresse introuvable est signalée : précisez-la, ou donnez la position derrière la roue du lieu.
- Quand vous changez l'adresse d'un lieu, sa latitude et sa longitude sont vidées : le repère suit la nouvelle adresse.
- Le titre de la carte est obligatoire : il nomme la carte et la liste des lieux pour un lecteur d'écran.
Pour aller vite
Dans Choisir une mise en page, le modèle Carte pose un titre, un texte et une carte de cinq lieux de Paris, à remplacer par les vôtres. La brique Carte pose une carte seule.
À jour pour Opus 1.5.930.