Einführung in Layerpin
Verwandeln Sie statische Baupläne, Grundrisse, Schaltpläne und Illustrationen in interaktive, performante Bildkarten mit Pins, Vektorformen, Deep-Zoom und sicherer Website-Einbettung.
Was ist Layerpin?
Layerpin ist eine Authoring-Plattform für interaktive Bildkarten, die speziell für benutzerdefinierte visuelle Medien entwickelt wurde – Grundrisse, Baupläne, Veranstaltungsorte, Museumsgalerien, Campuspläne, Ladenlayouts und Produktschemata.
Im Gegensatz zu herkömmlichen geografischen Kartenwerkzeugen (wie Google Maps oder Mapbox), die physische Erdkoordinaten und Satelliten-GIS-Daten erfordern, arbeitet Layerpin direkt auf Ihren eigenen Bildern mit einem subpixelgenau normalisierten Koordinatensystem, reaktionsschneller Touch-Bedienung, Sofortsuche und CDN-beschleunigter Edge-Bereitstellung.
Markieren Sie Immobilieneinheiten, Verfügbarkeit, Quadratmeterzahlen, Mieterangaben, Fototouren und Ausstattung direkt auf Architekturplänen.
Führen Sie Besucher mit Such- und Kategoriefiltern durch Messestände, Bühnenprogramme, Notausgänge, Gastronomie und Sponsorenzonen.
Verwandeln Sie Explosionszeichnungen, Fertigungslinien und technische Skizzen in interaktive Dokumentationen mit Hotspot-Popups und Aktionslinks.
Untersuchen Sie ultrahochauflösende Drohnenaufnahmen, Museumsgemälde und komplexe CAD-Pläne mit kachelbasierter Multiauflösung über Deep Zoom.
4-Schritte-Erstellungs-Workflow
Von einfachen Rastergrafiken bis zur rasend schnellen interaktiven Karte auf Ihrer Website optimiert Layerpin den Ablauf in vier strukturierten Schritten:
- 1Quellgrafik oder Bauplan hochladenStarten Sie mit einem hochauflösenden Bild im Format PNG, JPEG, WebP, SVG oder AVIF. Für riesige CAD-Zeichnungen oder Luftbilder erzeugt ein Gigapixel-Upload automatisch eine Deep-Zoom-Pyramide.
- 2Interaktive Pins, Zonen und Beschriftungen zeichnenNutzen Sie Layerpins 11 spezialisierte Zeichenwerkzeuge, um anpassbare Pins zu setzen, Begrenzungspolygone zu zeichnen, Maßstäbe zu messen und Infotexte direkt auf der Leinwand zu platzieren.
- 3Mit Kategorien, Medien und Infokarten anreichernFügen Sie Mediengalerien, Aktionsschaltflächen, Tags und Markdown-Beschreibungen hinzu. Sortieren Sie Pins in farbige Kategorien mit Legenden-Schaltern und Sofortsuche.
- 4Stabile Snapshots veröffentlichen und überall einbettenVeröffentlichen Sie unveränderliche, im Edge-Netzwerk gecachte Snapshots ohne Ausfallzeiten. Kopieren Sie den responsiven iFrame-Code mit Domain-Schutz oder teilen Sie direkte Links.
Kernarchitektur & Koordinatensystem
Responsives Verhalten auf allen Geräten erfordert mathematisch präzise Skalierung. Layerpin basiert auf drei technischen Grundprinzipien:
Im Gegensatz zu absoluten Pixelwerten, die bei abweichenden Bildschirmgrößen verrutschen, berechnet Layerpin alle Koordinaten in normalisierten Einheiten von 0.00 bis 100.00. Dadurch bleiben Annotationen unabhängig von Bildschirmpixeln oder GPS exakt an der gewünschten Bildstelle fixiert.
Änderungen im Editor bleiben in Ihrem privaten Entwurf. Passen Sie Pins, Rahmenfarben und Filter an, ohne die Ansicht bestehender Besucher zu beeinträchtigen.
Ein Klick auf „Veröffentlichen“ erstellt einen schreibgeschützten Snapshot im globalen Edge-CDN. Besucher erleben Ladezeiten unter 15 ms ohne Datenbanklast.
Hauptfunktionen der Plattform
Layerpin bietet eine vollständige Palette an Werkzeugen zur Erstellung, Gestaltung, Organisation und Einbindung interaktiver Bildkarten:
Komplette Werkzeugleiste mit Marker, Polygon, Rechteck, Kreis, Linie & Verbinder, Pinsel, Text, Callout, Messen, Radierer und Auswählen.
Bieten Sie Hover-Tooltips, Seitenleisten oder Vollbild-Modalfenster mit Fotokarussells, Aktionsbuttons, Tags und formatierter Markdown-Beschreibung.
Fassen Sie Pins in farbigen Kategorien zusammen mit Legenden-Toggles, Sofortsuche nach Stichwörtern, Zählern und individuellen Icons.
Der Pyramiden-Lader lädt Bildkacheln bedarfsgerecht nach und rendert Pläne mit 50.000 px butterweich bei 60 FPS ohne Speicherüberlastung.
Responsive iFrame-Einbettungen mit Domain-Whitelist stellen sicher, dass Ihre Karten nur auf genehmigten Websites angezeigt werden.
Beschleunigen Sie die Kartenerstellung mit über 25 Tastatur-Hotkeys für sofortige Werkzeugwahl, Stilkopien und Kontrastwechsel.
Erstellen Sie Marker aus Texten oder CSV-Dateien, umranden Sie Zonen, verwalten Sie Kategorien und übersetzen Sie Karten in 16 Sprachen via BYOK.
Übersetzen Sie Pins, Vektoren, Filter und Medien in 16 native Sprachen mit sofortiger Umschaltung und zuverlässigen Ausweichregeln.
Laden Sie Marker stapelweise über CSV, Excel oder Numbers hoch oder sichern Sie Kartendaten jederzeit als CSV oder JSON.
Klonen Sie Karten samt Deep-Zoom-Pyramiden, Pins und Filtern, um Aktualisierungen vor der Veröffentlichung sicher zu testen.
Erstellen Sie Ihre erste Karte
Bereit zum Erstellen? Folgen Sie dieser Kurzanleitung, um Ihre erste Karte anzulegen und zu veröffentlichen:
- 1Öffnen Sie Ihr Karten-DashboardGehen Sie zu Ihrem Karten-Dashboard und klicken Sie auf Karte erstellen.
- 2Grafik oder Schema hochladenWählen Sie einen Grundriss, Bauplan oder ein Bild von Ihrem Computer (JPEG, PNG, WebP, SVG, AVIF).
- 3Erste Pins und Formen platzierenDrücken Sie M für den Marker oder P für das Polygon. Klicken Sie auf das Bild, um Elemente zu setzen.
- 4Karte veröffentlichenKlicken Sie oben auf Veröffentlichen. Ihre interaktive Karte ist online, CDN-beschleunigt und bereit zur Einbettung!
Website-Einbindung & Sicherheit
Das Einbetten Ihrer Layerpin-Karte erfordert lediglich ein responsives iFrame-Snippet. Es unterstützt Touch-Gesten, Pinch-to-Zoom und automatische Größenanpassung:
<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>