Ce site utilise des cookies pour les statistiques et pour améliorer votre expérience. En cliquant sur Accepter, vous consentez à notre utilisation des cookies. En savoir plus dans notre politique de confidentialité.

Vous êtes sur la documentation HappenBoard. Retour au site principal

Cartes : OpenStreetMap ou Google Maps

Disponible dans :Free

HappenBoard peut afficher la carte du lieu sur chaque page d’événement. Il utilise OpenStreetMap par défaut, qui ne demande ni compte ni clé. Vous pouvez passer à Google Maps ou à un autre service de cartes.

Aucune carte n’est chargée depuis un service tant que vous ne l’activez pas dans un bloc.

Avant de commencer

Afficher une carte sur vos pages d’événement

  1. Ouvrez votre modèle de page d’événement, ou un événement, dans l’éditeur.
  2. Sélectionnez le bloc Event Venue.
  3. Dans les réglages du bloc, activez Show map.
  4. Ajustez si besoin Map height (px) et Map zoom.
  5. Enregistrez.

Map height (px) va de 120 à 800 pixels, 280 par défaut. Map zoom va de 1 (le monde entier) à 19 (un seul bâtiment), 15 par défaut, ce qui montre quelques rues.

La carte n’apparaît que si le lieu de l’événement a des coordonnées. Un événement en ligne n’en affiche jamais, puisqu’il n’a pas de lieu.

Choisir le fournisseur de cartes du site

  1. Allez dans HappenBoard → Integrations.
  2. Sur la carte Maps, cliquez sur Configure.
  3. Choisissez le Default map provider et les autres réglages.
  4. Cliquez sur Save changes.
RéglageRôlePar défaut
Default map providerLe service qui dessine toutes les cartes dont le bloc suit le réglage du site : OpenStreetMap (no API key), Google Maps (requires API key) ou Custom iframe URL.OpenStreetMap
OpenStreetMap layerLe style de carte d’OpenStreetMap : Standard (Mapnik), CyclOSM (cycling), Transport ou Humanitarian.Standard (Mapnik)
Google Maps API keyVotre clé Google, nécessaire pour Google Maps.Vide
Custom iframe URLL’adresse d’un autre service de cartes, pour les blocs réglés sur Custom.Vide

Custom iframe URL comme réglage du site demande une adresse dans le champ Custom iframe URL : HappenBoard refuse de l’enregistrer sans. Les sections suivantes présentent les deux services.

Utiliser Google Maps

  1. Dans la Google Cloud Console, créez une clé API et activez-y la Maps Embed API. Google demande un compte de facturation.
  2. Limitez la clé à la Maps Embed API et à votre nom de domaine. La clé apparaît dans vos pages, et une clé sans restriction pourrait être utilisée par quelqu’un d’autre.
  3. Collez la clé dans Google Maps API key.
  4. Réglez Default map provider sur Google Maps (requires API key).
  5. Cliquez sur Save changes.

HappenBoard refuse d’enregistrer Google par défaut sans clé. Une fois enregistrée, la clé n’est plus affichée quand vous rouvrez la carte : elle est conservée, et vous ne remplissez le champ que pour la remplacer.

Si aucune clé n’est enregistrée, les cartes utilisent OpenStreetMap au lieu d’afficher un cadre vide.

Utiliser un autre fournisseur sur un bloc

Chaque bloc Event Venue a son propre réglage Map provider. Il est sur Use site default (Integrations) tant que vous ne le changez pas. Les autres choix sont OpenStreetMap (no API key), Google Maps (requires API key) et Custom (site iframe URL).

Custom vous permet d’utiliser un autre service de cartes, comme MapTiler, Stadia ou Carto, ou votre propre serveur de cartes :

  1. Sur la carte Maps, collez l’adresse d’intégration du service dans Custom iframe URL. Placez {lat}, {lng} et {zoom} là où doivent aller la latitude, la longitude et le zoom. L’adresse doit commencer par http:// ou https://.
  2. Cliquez sur Save changes.
  3. Dans les réglages du bloc, réglez Map provider sur Custom (site iframe URL).

Pour utiliser ce service sur toutes les cartes, réglez plutôt Default map provider sur Custom iframe URL dans la carte Maps, et laissez les blocs sur le réglage du site.

Un bloc réglé sur Custom sans adresse enregistrée, ou sur Google sans clé enregistrée, affiche une carte OpenStreetMap à la place.

Ce que reçoit chaque fournisseur

Chaque carte est un cadre que le navigateur du visiteur charge directement chez le fournisseur :

  • OpenStreetMap reçoit les coordonnées du lieu et le niveau de zoom ;
  • Google Maps reçoit les coordonnées, le niveau de zoom et votre clé API ;
  • un service personnalisé reçoit ce que contient son adresse.

Chaque fournisseur reçoit aussi ce que reçoit toute page intégrée : l’adresse IP du visiteur, des informations sur son navigateur et la page d’où il vient. Mentionnez le fournisseur dans votre politique de confidentialité (voir RGPD et données personnelles).

La page d’un lieu affiche son adresse avec un lien View on OpenStreetMap, ou View on Google Maps quand Google est le fournisseur par défaut. Rien n’est chargé tant que le visiteur ne clique pas.

Avec HappenBoard Pro

HappenBoard Pro ajoute aux intégrations une carte Map Design Studio (Pro), qui donne un style à ces cartes de lieu, et un bloc qui affiche de nombreux événements sur une même carte. Voir Carte groupée et Map Design Studio.

Pour aller plus loin

Sur cette page