Layerpin logo
Rozpocznij

Wprowadzenie do Layerpin

Przekształcaj statyczne plany, rzuty, schematy i ilustracje w interaktywne, wydajne mapy obrazów z pinezkami, wektorami, Deep Zoom i bezpiecznym osadzaniem.

Czym jest Layerpin?

Layerpin to platforma do tworzenia interaktywnych map obrazów zaprojektowana z myślą o niestandardowych materiałach graficznych: planach pięter, projektach architektonicznych, halach targowych, galeriach muzealnych, kampusach, sklepach i schematach urządzeń.

W przeciwieństwie do tradycyjnych narzędzi GIS (jak Google Maps czy Mapbox), Layerpin działa bezpośrednio na Twoich grafikach dzięki znormalizowanemu układowi współrzędnych, płynnej obsłudze dotykowej, wyszukiwarce i buforowaniu w globalnej sieci CDN.

Plany pięter & Architektura

Oznaczaj lokale, dostępność, metraż, dane najemców, spacery fotograficzne i udogodnienia bezpośrednio na rzutach architektonicznych.

Wydarzenia & Hale wystawiennicze

Prowadź gości po stoiskach targowych, scenach, wyjściach ewakuacyjnych i punktach gastronomicznych za pomocą wyszukiwarki i kategorii.

Schematy techniczne & Produkty

Zmieniaj rysunki złożeniowe, linie produkcyjne i schematy techniczne w interaktywną dokumentację z wyskakującymi opisami.

Grafiki gigapikselowe & Dzieła sztuki

Oglądaj zdjęcia lotnicze z drona w ultrawysokiej rozdzielczości, obrazy muzealne i skomplikowane rzuty CAD dzięki kafelkowaniu Deep Zoom.

4-etapowy przepływ pracy

Od zwykłego pliku graficznego po błyskawiczną interaktywną mapę na Twojej stronie WWW — cały proces zamyka się w 4 prostych krokach:

  1. 1
    Prześlij grafikę bazową lub projekt
    Zacznij od dowolnego pliku w formacie PNG, JPEG, WebP, SVG lub AVIF. W przypadku ogromnych plików CAD prześlij obraz gigapikselowy, a piramida Deep Zoom wygeneruje się sama.
  2. 2
    Rysuj interaktywne pinezki, strefy i etykiety
    Wykorzystaj 11 profesjonalnych narzędzi Layerpin, aby dodawać pinezki, obrysowywać wielokąty, mierzyć odległości i umieszczać wskazówki na kanwie.
  3. 3
    Wzbogać o kategorie, multimedia i karty
    Dołączaj galerie zdjęć, przyciski akcji, tagi i opisy Markdown. Porządkuj punkty w kolorowe kategorie z przełącznikami w legendzie.
  4. 4
    Opublikuj migawkę i osadź na stronie
    Publikuj migawki buforowane w globalnej sieci CDN bez przerw w działaniu. Skopiuj responsywny kod iframe z ochroną domen lub udostępnij link bezpośredni.

Architektura bazowa & Układ współrzędnych

Doskonałe skalowanie na każdym ekranie opiera się na 3 filarach technologicznych Layerpin:

Znormalizowany układ współrzędnych 0–100

W przeciwieństwie do stałych pikseli, które przesuwają się na różnych ekranach, Layerpin operuje na jednostkach od 0.00 do 100.00. Pinezki pozostają precyzyjnie przypięte do piksela grafiki na telefonie, tablecie i ekranie 4K.

Prywatny obszar roboczy szkicu

Zmiany w edytorze są zapisywane w Twoim prywatnym szkicu. Dopracowuj położenie punktów i kolory bez wpływu na osoby przeglądające mapę.

Opublikowane migawki w sieci Edge

Kliknięcie „Publikuj” tworzy statyczną kopię w węzłach CDN, zapewniając czas ładowania poniżej 15 ms bez obciążania bazy danych.

Kluczowe możliwości platformy

Kompletny zestaw narzędzi do tworzenia, stylizowania, organizowania i publikowania interaktywnych map:

11 precyzyjnych narzędzi do rysowania

Pinezka, Wielokąt, Prostokąt, Koło, Linie i łączniki, Pędzel, Tekst, Odnośnik, Miarka, Gumka i Zaznaczanie.

Rozbudowane karty informacyjne i okna popup

Wskazówki po najechaniu, panele boczne lub okna modalne ze zdjęciami, przyciskami i opisami w formacie Markdown.

Kategorie i legenda wielokrotnego wyboru

Dziel punkty na kolorowe kategorie z przełącznikami w legendzie, wyszukiwarką na żywo i własnymi ikonami.

Silnik gigapikselowy Deep Zoom

Piramidalne wczytywanie kafelków wyświetla plany o rozmiarze 50 000 px z płynnością 60 FPS bez przeciążania pamięci.

Osadzanie na stronie i bezpieczeństwo

Responsywny kod iframe z białą listą domen zapobiega nieautoryzowanemu wykorzystaniu Twoich map.

Skróty klawiszowe i wskazówki

Przyspiesz pracę dzięki ponad 25 skrótom klawiszowym do szybkiego wyboru narzędzi i kopiowania stylów.

Asystent map AI Pinny

Twórz pinezki z tekstu lub tabel, obrysowuj strefy, łącz kategorie i tłumacz całą mapę na 16 języków z własnym kluczem API (BYOK).

Wielojęzyczne mapy i tłumaczenie

Tłumacz punkty, kształty, filtry i opisy na 16 języków z natychmiastowym przełącznikiem języka dla odwiedzających.

Import arkuszy kalkulacyjnych i eksport CSV

Zbiorczo dodawaj punkty z plików CSV, Excel lub Numbers z polami niestandardowymi i twórz kopie zapasowe w CSV lub JSON.

Klonowanie map i środowisko testowe

Duplikuj mapy wraz z danymi Deep Zoom, punktami i filtrami, aby bezpiecznie testować zmiany przed publikacją.

Stwórz swoją pierwszą mapę

Chcesz zacząć? Skorzystaj z poniższej listy kroków, aby przygotować i opublikować swoją pierwszą mapę:

  1. 1
    Otwórz panel map
    Przejdź do panelu głównego i kliknij „Utwórz mapę”.
  2. 2
    Prześlij plik z grafiką lub planem
    Wybierz plik rzutu lub rysunku technicznego z dysku (JPEG, PNG, WebP, SVG, AVIF).
  3. 3
    Dodaj pierwsze pinezki i kształty
    Wciśnij M (znacznik) lub P (wielokąt) i kliknij na obrazie, aby dodać element.
  4. 4
    Opublikuj mapę
    Kliknij „Publikuj” w górnym menu. Twoja mapa jest aktywna i gotowa do umieszczenia na stronie WWW!

Osadzanie na stronie i bezpieczeństwo

Osadzenie mapy Layerpin wymaga zaledwie jednej linijki kodu iframe obsługującej gesty dotykowe i powiększanie:

<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>
Wskazówka bezpieczeństwa: Chroń limit wyświetleń, podając dozwolone domeny w zakładce „Osadzanie i bezpieczeństwo”. Próby wyświetlenia mapy na innych domenach zostaną zablokowane. Sprawdź instrukcje dla WordPressa, Webflow i Shopify w przewodniku.
Dla programistów i asystentów AI: Użyj llms.txt aby uzyskać indeks wszystkich tematów dokumentacji Layerpin, lub llms-full.txt aby uzyskać pełny kontekst dokumentacji.