HappenBoard Pro apporte deux fonctions de carte. Le bloc Events Clustered Map affiche vos événements sur une seule carte et regroupe les repères proches dans des cercles numérotés. Map Design Studio change l’apparence de vos cartes : la carte du lieu sur les pages d’événement et la carte groupée.
Ces deux fonctions font partie de HappenBoard Pro. Voir ce que Pro ajoute.
Aucune ne demande de compte ni de clé d’API, sauf si vous collez le style d’un fournisseur de cartes qui en exige une.
Ajouter la carte groupée
Insérez le bloc Events Clustered Map sur n’importe quelle page. Il place un repère par événement, à l’emplacement de son lieu, et se recadre sur les repères au chargement.
| Réglage | Rôle | Par défaut |
|---|---|---|
| Height (px) | De 240 à 1000. | 480 |
| Default zoom | De 1 à 18. Il compte surtout quand il n’y a qu’un repère, puisque la carte cadre tous les repères. | 5 |
| Cluster radius (px) | De 20 à 120. Un rayon plus grand regroupe des repères plus éloignés. | 50 |
| Max events | De 10 à 200. Avec Upcoming, le bloc lit 100 dates d’événement au plus. | 200 |
| Date range | Upcoming, Today, This week ou This month. | Upcoming |
Les trois premiers réglages se trouvent dans le panneau Map, les deux derniers dans le panneau Filtering. Un événement récurrent a un seul repère, pas un par date, mais chacune de ses dates compte dans la limite.
La barre de filtres ne filtre pas cette carte.
Donner des coordonnées à vos événements
Un repère a besoin d’un lieu doté d’une latitude et d’une longitude. La carte écarte, sans avertissement, un événement sans lieu, avec un simple nom de lieu saisi sur l’événement, ou relié à un lieu sans coordonnées. Si votre carte semble plus vide que votre calendrier, vérifiez les coordonnées de vos lieux.
Quand rien ne peut être placé, le bloc affiche No events with venue coordinates in this range. à la place de la carte.
Ce que peuvent faire les visiteurs
- Cliquer sur un cercle numéroté pour zoomer sur ce groupe.
- Cliquer sur un repère pour ouvrir une bulle avec la date, le titre de l’événement en lien, et le lieu. Un événement sur la journée entière affiche All day à la place de l’heure.
- Zoomer avec les boutons dans le coin, ou faire glisser la carte pour se déplacer.
- Utiliser le clavier : chaque cercle et chaque repère est un bouton atteint avec la touche Tab. Un cercle zoome et place le focus sur le repère le plus proche. Un repère ouvre sa bulle avec le focus sur le lien de l’événement, et Échap la ferme. Les lecteurs d’écran annoncent le nombre d’événements d’un groupe, puis le titre, la date et le lieu de chaque événement.
- Ouvrir List view, sous la carte, pour une simple liste des mêmes événements, chacun avec son lien, sa date et son lieu. Elle convient à qui préfère ne pas utiliser la carte.
Une carte qui ne ralentit pas vos pages
La bibliothèque de cartes (MapLibre) ne se charge que sur les pages qui ont une carte, et seulement quand la carte approche de la partie visible de la page. Une carte placée plus bas ne coûte rien tant que le visiteur n’y descend pas.
Les images de la carte (les tuiles) se chargent dans le navigateur du visiteur, depuis OpenStreetMap, ou depuis Esri pour le modèle Satellite. OpenStreetMap demande aux sites très fréquentés de passer par un autre fournisseur de tuiles : un développeur peut changer les tuiles avec un filtre.
Choisir un style de carte dans Map Design Studio
- Allez dans HappenBoard → Integrations.
- Sur la carte Map Design Studio (Pro), cliquez sur Configure.
- Sous Map template, cliquez sur le modèle voulu.
- Cliquez sur Save changes.
| Modèle | Résultat |
|---|---|
| Off (use Lite iframe) | Le choix par défaut. Les cartes de lieu restent telles que les dessine l’extension gratuite, avec le fournisseur choisi dans vos réglages de carte. La carte groupée utilise les tuiles OpenStreetMap standard. |
| Light | Des tuiles neutres, un peu plus contrastées, pour les thèmes clairs. |
| Dark | Des tuiles sombres et peu saturées, pour les thèmes sombres. |
| Sepia | Des tuiles chaudes et passées, pour un aspect rétro. |
| Minimal | Des tuiles grises sur fond clair, pour faire ressortir le repère. |
| Brand | Des tuiles teintées selon la couleur d’accent de votre thème. |
| Satellite | Des photos aériennes d’Esri World Imagery. |
| Custom JSON | Votre propre style de carte (voir plus bas). |
Les six modèles tout faits, de Light à Satellite, ne demandent ni clé ni compte.
Un modèle change deux cartes. La première est la carte du lieu que le bloc gratuit Event Venue affiche quand son option Show map est activée. Tout modèle autre que Off remplace cette carte, quel que soit le fournisseur de vos réglages de carte.
La carte du lieu ainsi stylée garde la hauteur et le zoom réglés sur le bloc. Elle affiche un repère sur le lieu et des boutons de zoom, et ne zoome pas quand le visiteur fait défiler la page par-dessus. La seconde carte est la carte groupée : le modèle change son fond, ses cercles et repères bleus restent les mêmes.
Utiliser votre propre style
Choisissez Custom JSON pour coller un style de carte complet dans la zone MapLibre Style Spec JSON, par exemple un style de MapTiler, de Stadia ou de votre propre serveur de tuiles. Le style doit contenir une clé version. Insert sample remplit la zone avec un point de départ.
Le style est vérifié pendant la saisie et à l’enregistrement. S’il est vide ou invalide au chargement d’une page, la page ne casse pas. Les cartes de lieu reviennent à la carte de l’extension gratuite, et la carte groupée aux tuiles OpenStreetMap standard.
Pour aller plus loin
- Cartes : OpenStreetMap ou Google Maps : la carte de lieu gratuite et son fournisseur.
- Lieux : créer et renseigner les coordonnées : placer vos lieux sur la carte.
- Le bloc Événements près de chez vous : laisser vos visiteurs trouver les événements à une distance donnée.
- Les blocs d’affichage Pro : présenter les mêmes événements en grille photo, en tuiles ou en programme.