Layerpin logo
Annotations & Médias

Fiches d'information, Popups & Médias

Associez des métadonnées enrichies, des galeries photos et des boutons d'action à tout marqueur ou zone. Configurez des fenêtres contextuelles, tiroirs latéraux, modales centrées et vues plein écran.

5 modes de présentation

Chaque marqueur et forme cliquable sur votre carte peut afficher une carte d'information interactive. Choisissez parmi 5 modes de présentation adaptés à votre projet : des résumés rapides en survol aux vastes tiroirs latéraux et aux visites immersives en plein écran :

1. Survolez / cliquez sur Popover

Fenêtre contextuelle flottante ancrée directement au centre de gravité du marqueur ou de la forme. Dispose d'une détection intelligente des collisions dans la fenêtre d'affichage afin qu'elle ne se détache jamais de l'écran. Idéal pour des détails rapides, des numéros de chambre et des étiquettes de prix.

2. Tiroir latéral (droite/gauche)

Se glisse en douceur depuis le bord de l'écran. Idéal pour les répertoires de magasins, les profils de stands et les descriptions détaillées sans masquer le centre de la carte.

3. Dialogue modal centré

Boîte de dialogue ciblée avec un flou de fond subtil et une superposition grisée. Idéal pour les formulaires de réservation, les intégrations de vidéos et les présentations détaillées de produits.

4. Vue partagée en plein écran

Disposition à deux colonnes affichant des informations structurées défilantes à gauche et une galerie d'images pleine hauteur à droite. Idéal pour les annonces immobilières, les visites de campus et les expositions de musées.

5. Feuille inférieure mobile (automatique)

Sur les téléphones mobiles, les cartes s'adaptent automatiquement dans un tiroir gestuel de style iOS avec des poignées tactiles et des points d'accrochage (aperçu à 70 % et pleine hauteur à 100 %), garantissant une expérience mobile fluide.

Personnalisation globale par défaut ou par article

Vous pouvez définir un mode de présentation global pour l'ensemble de votre carte dans l'éditeur, ou personnaliser des marqueurs et des formes individuels avec leur propre présentation unique (par exemple, les épingles standard ouvrent des Popovers, tandis que les cabines VIP ouvrent une vue plein écran).

Sections de contenu modulaires

Chaque carte se compose de 6 blocs de contenu modulaires. Vous pouvez indépendamment afficher, masquer, personnaliser la typographie et réorganiser chaque section :

Titre et titre

Famille de polices personnalisée, taille, épaisseur, couleur, alignement et préservation des sauts sur plusieurs lignes.

Description de la démarque

Texte riche en gras, italique, liens et listes. Comprend un serrage automatique à 3 lignes avec un bouton pliable « Afficher plus / Afficher moins ».

Champs structurés

Paires clé-valeur associées à des icônes (téléphone, e-mail, horaires, prix). Prend en charge les mises en page Stack, Inline ou Value uniquement avec des séparateurs.

Balises de catégorie

Pilules de badges à code couleur correspondant aux catégories de votre carte, avec empilement sur toute la largeur en option et extension « +X plus de balises ».

Boutons d'action / CTA

Boutons d'appel à l'action pour les URL externes (site Web, réservation, itinéraire). Configurable dans les dispositions de pile, de ligne ou de grille à 2 colonnes.

Héros de la galerie de photos

Carrousel d'images d'en-tête avec rapport hauteur/largeur personnalisable, ajustement de l'image et visionneuse lightbox zoom plein écran.

Cartes d'information multilingues

Toutes les copies de cartes, y compris les titres, les descriptions riches, les étiquettes et valeurs de champs personnalisés, les balises et les boutons d'action, peuvent être localisées dans 16 langues natives. Découvrez le Guide des cartes multilingues pour voir comment fonctionne l'éditeur de traduction à 4 onglets.

Réorganisation en direct sur la carte

Dans l'éditeur de carte, survoler n'importe quelle section d'une carte d'information révèle une barre d'outils d'action rapide. Vous pouvez cliquer Modifier pour accéder à ses propriétés, utilisez le / boutons fléchés pour déplacer les sections vers le haut ou vers le bas, ou cliquez sur Cacher pour basculer la visibilité instantanément.

Médiathèque et galeries d'images

Améliorez vos emplacements avec des photos riches, des rendus architecturaux et des détails de plan d'étage :

Pièces jointes multi-images

Attachez plusieurs images à n’importe quel marqueur ou forme. Réorganisez facilement les images ou sélectionnez n'importe quelle photo comme image de couverture principale affichée en haut de la carte.

8 Rapports d'aspect de la galerie

Choisissez le rapport d'image parfait pour votre contenu : UltraWide (21:9), Wide (16:9), Compact (2:1), Landscape (3:2), Standard (4:3), Square (1:1), Portrait (4:5) ou Tall (3:4), avec les modes d'ajustement Cover ou Contain.

Visionneuse Lightbox interactive

Les visiteurs peuvent cliquer sur n’importe quelle image pour ouvrir une visionneuse plein écran pleine résolution avec une navigation fluide au clavier, par balayage et par zoom.

Gestionnaire d'actifs multimédias centralisé

Importez jusqu’à 20 fichiers à la fois. Les formats pris en charge incluent SVG, JPEG, PNG, WEBP, AVIF, BMP, avec un suivi en temps réel de votre quota de stockage.

Style de carte et paramètres globaux par défaut

Chaque aspect de l’enveloppe de la carte peut être personnalisé pour correspondre à votre marque :

Arrière-plans, bordures et ombres
  • Arrière-plan: Couleurs unies avec contrôle de l'opacité, cartes transparentes ou dégradés linéaires fluides.
  • Frontières : Bordures SVG pleines, pointillées ou pointillées avec des largeurs de trait personnalisées et des remplissages de couleur ou de dégradé.
  • Rayon de coin et ombres : Coins arrondis lisses (0px à 24px+) et ombres portées ambiantes douces.
Enregistrer comme préréglage par défaut

Une fois l’apparence idéale de la fiche créée, cliquez sur « Enregistrer par défaut » en bas du panneau de style. Layerpin confirme et applique automatiquement ce style à tous les marqueurs et formes, existants et nouveaux.

Vous pouvez toujours personnaliser des points chauds individuels chaque fois qu'une exposition en vedette, un stand de sponsor ou un point de repère clé nécessite des couleurs uniques ou une mise en page dédiée.