Introduction à Layerpin
Transformez vos plans, schémas, illustrations et vues architecturales statiques en cartes interactives haute performance avec repères personnalisés, formes vectorielles, tuiles Deep Zoom et intégrations web sécurisées.
Qu'est-ce que Layerpin ?
Layerpin est une plateforme de création de cartes d'images interactives spécialement conçue pour les supports visuels personnalisés — plans d'étage, plans d'architecte, lieux d'événements, galeries de musées, répertoires de campus, agencements de magasins et schémas de produits.
Contrairement aux outils cartographiques géographiques traditionnels (tels que Google Maps ou Mapbox) qui nécessitent des coordonnées terrestres physiques et des données SIG satellites, Layerpin fonctionne directement sur vos images personnalisées avec un système de coordonnées normalisées sous-pixel, des commandes tactiles réactives, une recherche instantanée et une diffusion en périphérie mise en cache par CDN.
Indiquez les lots immobiliers, la disponibilité, la superficie, les spécifications des locataires, les visites photos et les commodités directement sur les plans architecturaux.
Guidez les visiteurs à travers les stands de salon, les horaires de scènes, les sorties de secours, les concessions et les activations de sponsors grâce à des filtres de recherche et de catégories.
Transformez les vues éclatées de matériel, les lignes d'usine et les dessins techniques en documentation interactive avec des infobulles de zones réactives et des liens d'action.
Inspectez des prises de vue aériennes par drone à ultra-haute résolution, des peintures de musée et des schémas CAO complexes grâce au pavage Deep Zoom multirésolution.
Flux de création en 4 étapes
Du graphisme matriciel brut à la carte interactive ultra-rapide intégrée sur votre site web, Layerpin simplifie le processus en quatre étapes structurées :
- 1Téléversez votre illustration source ou planCommencez avec n'importe quelle image haute résolution au format PNG, JPEG, WebP, SVG ou AVIF. Pour les plans CAO géants ou les cartes aériennes, téléversez une image gigapixel pour générer automatiquement une pyramide Deep Zoom.
- 2Tracez des marqueurs, zones et légendes interactifsUtilisez les 11 outils de dessin dédiés de Layerpin pour placer des épingles personnalisables, tracer des polygones de délimitation, dessiner des échelles de mesure et ajouter des légendes de texte enrichi directement sur le canevas.
- 3Enrichissez avec catégories, médias et fiches de détailAssociez des galeries multimédias enrichies, des boutons d'action, des étiquettes et des descriptions Markdown à n'importe quel élément. Regroupez les épingles en catégories de couleurs personnalisées avec bascules de légende et recherche instantanée par mot-clé.
- 4Publiez des instantanés stables et intégrez-les partoutPubliez un instantané immuable mis en cache sur le réseau périphérique sans aucune interruption. Copiez votre extrait iframe réactif avec sécurité des origines autorisées, ou partagez un lien public direct.
Architecture de base & Système de coordonnées
La création de cartes d'images réactives nécessite de résoudre le redimensionnement fluide sur tous les appareils. Layerpin repose sur trois principes d'ingénierie fondamentaux :
Contrairement aux coordonnées absolues en pixels qui se décalent selon la taille de l'écran, Layerpin calcule l'ensemble des emplacements d'épingles, sommets de polygones et points de ligne en unités de carte normalisées de 0.00 à 100.00. En dissociant les coordonnées des pixels physiques de l'écran et des coordonnées GPS, les annotations restent mathématiquement ancrées au pixel visuel exact de votre œuvre sur smartphone, tablette ou moniteur 4K.
Les modifications apportées dans l'éditeur restent dans votre mode brouillon privé. Ajustez les coordonnées des épingles, modifiez les bordures de couleur et testez les filtres de catégories sans impacter les visiteurs consultant vos cartes en ligne.
Cliquer sur « Publier » génère un instantané figé en lecture seule, mis en cache sur les CDN mondiaux. Les visiteurs bénéficient d'un chargement initial inférieur à 15 ms sans aucune contention de base de données.
Fonctionnalités clés de la plateforme
Layerpin comprend une suite complète d'outils spécialement conçus pour créer, styliser, organiser et diffuser des cartes visuelles interactives :
Palette complète comprenant les outils Marqueur, Polygone, Rectangle, Cercle, Ligne & Connecteurs, Pinceau, Texte, Légende, Mesure, Gomme et Sélection.
Proposez des infobulles au survol, des tiroirs latéraux ou des modales complètes avec carrousels photos, boutons d'action, tags et descriptions au format Markdown.
Regroupez les épingles par catégories de couleurs avec bascules de légende, recherche instantanée, compteurs d'éléments et icônes personnalisables.
Le chargeur pyramidal d'images par tuiles diffuse des blocs multi-résolutions à la demande, affichant des plans de 50 000 px de manière fluide à 60 FPS sans saturer la mémoire.
Intégrations d'iframes réactives avec restrictions d'autorisation de domaine pour garantir que vos visuels ne sont affichés que sur les sites approuvés.
Accélérez la création de vos cartes grâce à plus de 25 raccourcis clavier pour sélectionner des outils, copier-coller des styles et ajuster le zoom en un clin d'œil.
Générez des marqueurs à partir de textes ou de fichiers CSV, tracez des périmètres, fusionnez des catégories et traduisez vos cartes en 16 langues avec confidentialité BYOK.
Traduisez marqueurs, formes vectorielles, filtres et médias en 16 langues avec changement de langue instantané et bascule de secours élégante.
Importez des marqueurs par lot via CSV, Excel ou Numbers avec champs personnalisés et catégories, ou sauvegardez vos données en CSV ou JSON à tout moment.
Clonez des cartes entières avec leurs pyramides Deep Zoom haute résolution, marqueurs et filtres pour tester vos mises à jour en toute sécurité.
Créer votre première carte
Prêt à construire ? Suivez cette liste de contrôle de démarrage rapide pour créer et publier votre première carte :
- 1Ouvrez votre tableau de bord des cartesRendez-vous sur votre tableau de bord des cartes et cliquez sur Créer une carte.
- 2Téléversez votre image ou schémaSélectionnez un plan d'étage, un plan technique ou un fichier graphique sur votre ordinateur (JPEG, PNG, WebP, SVG, AVIF).
- 3Placez vos premiers marqueurs et formesAppuyez sur M pour l'outil Marqueur ou P pour l'outil Polygone. Cliquez n'importe où sur votre canevas pour placer des éléments.
- 4Publiez votre carteCliquez sur Publier dans l'en-tête supérieur. Votre carte interactive est désormais en ligne, accélérée par CDN et prête à être intégrée !
Intégration web & Sécurité
L'intégration de votre carte Layerpin sur n'importe quel site web ne nécessite qu'un seul extrait iframe réactif. Elle prend en charge les gestes tactiles, le pincement pour zoomer et le redimensionnement automatique :
<iframe
src="https://layerpin.com/m/YOUR_MAP_ID"
width="100%"
height="600"
style="border: 0; border-radius: 12px; overflow: hidden;"
allow="fullscreen"
loading="lazy"
></iframe>