Layerpin logo
Zacznij tworzyć

Znaczniki a kształty: wybór odpowiedniego elementu mapy

Opanuj strategiczne wykorzystanie pinezek, wielokątów, prostokątów, polilinii i etykiet, aby tworzyć przejrzyste, intuicyjne interaktywne mapy, które bez wysiłku komunikują hierarchię przestrzenną.

LP

Zespół Layerpin

7 min czytania
Mapa z precyzyjnymi znacznikami i wyznaczonymi granicami obszarów

Podstawowa zasada: punkty za miejsca docelowe, obszary za terytorium

Najczęstszym błędem na mapach interaktywnych jest nadmierne używanie znaczników pinezek w przypadku dużych stref geograficznych lub odwrotnie, rysowanie małych kształtów w przypadku precyzyjnych obiektów. Wybór odpowiedniego elementu mapy zasadniczo decyduje o tym, jak szybko odwiedzający zapoznają się z Twoim układem.

Użyj Pierników znacznikowych, gdy lokalizacja jest pojedynczym, odrębnym punktem: bramą wejściową, kioskiem informacyjnym, malowniczym punktem widokowym, maszyną lub konkretnym biurkiem. Marker odpowiada na pytanie: 'Gdzie dokładnie znajduje się ta jedna rzecz?'

Użyj Kształty (wielokąty i prostokąty), gdy lokalizacja zajmuje mierzalny obszar fizyczny: działkę handlową, działkę mieszkaniową, skrzydło biurowe, parking lub chronioną strefę parkową. Kształt odpowiada na pytanie: * „Jakie są granice, powierzchnia i zakres tej przestrzeni?”*

  1. 1
    Oceń, czy odwiedzający musi znaleźć dokładne współrzędne, czy też zrozumieć ograniczony obszar.
  2. 2
    Domyślnie oznaczane są znacznikami punktów szczególnych o powierzchni mniejszej niż 5% obszaru rzutni.
  3. 3
    Domyślnie wielokąty lub prostokąty dla pomieszczeń, budynków, działek i stref.

Kiedy używać polilinii, łączników i linii niestandardowych

Oprócz pinów i kształtów Layerpin udostępnia wyspecjalizowane narzędzia linii wektorowych: polilinie, strzałki i łączniki objaśnień.

Użyj Polilinie w przypadku ciągłych obiektów liniowych: szlaków pieszych, tras maratonu, rurociągów użyteczności publicznej, ścieżek wycieczek z przewodnikiem i linii tranzytowych. Polilinie obsługują niestandardowe style obrysów, kreski, strzałki i wielosegmentową edycję wierzchołków.

Użyj Łączników, gdy obszar mapy jest zbyt gęsty, aby zmieścić etykiety bezpośrednio nad elementem. Linia odniesienia łączy niecentralną kartę tytułową lub ikonę z dokładnymi współrzędnymi, nie zasłaniając znajdującej się pod nią grafiki architektonicznej.

  1. 1
    Wybierz narzędzie Polilinia dla ścieżek, granic, tras i kanałów narzędziowych.
  2. 2
    Użyj łączników objaśnień w zatłoczonych obszarach, aby czysto odsunąć etykiety.
  3. 3
    Dostosuj grubość linii (2 do 6 pikseli) i wzory kresek, aby rozróżnić różne typy ścieżek (np. ciągła dla korytarzy głównych, przerywana dla wyjść awaryjnych).
Interaktywna mapa nawigacyjna pokazująca pinezki wzdłuż wielokątnych linii tras i stref

Opanowanie stylizacji kształtu: krycie, obramowania i kontrast

Źle wystylizowany kształt zasłania rysunek mapy znajdujący się pod nim. Dobrze wystylizowany kształt poprawia rysunek, zapewniając wyraźny odcień kolorów bez ukrywania ukrytych etykiet lub tekstur.

Ustaw domyślne krycie wypełnienia kształtu w zakresie od 15% do 30%. To subtelne przetarcie ustanawia terytorium, zachowując jednocześnie czytelność detali architektonicznych. Połącz go z wyraźną, solidną ramką o wymiarach od 1,5 do 2,5 piksela w kontrastowym odcieniu.

Po najechaniu kursorem i zaznaczeniu zwiększ krycie do 40-50% i pogrub granicę, aby zapewnić wyraźną interaktywną informację zwrotną. Layerpin umożliwia ustawienie niestandardowych tokenów kolorów, które są bezpośrednio zgodne z wytycznymi Twojej marki.

  1. 1
    Utrzymuj niskie krycie wypełnienia podstawowego (15-25%), aby mapy tła pozostały w pełni widoczne.
  2. 2
    Używaj wyraźnych kolorów obrysów, które wyróżniają się zarówno na jasnym, jak i ciemnym tle.
  3. 3
    Skonfiguruj widoczne najechanie i wybrane stany, aby uzyskać płynną interaktywną informację zwrotną.

Harmonijne łączenie znaczników i kształtów

Wysokiej klasy mapy interaktywne często łączą kształty i znaczniki w spójne systemy złożone. Na przykład narysuj wielokąt wokół całego skrzydła centrum handlowego i umieść w nim pinezki określonej kategorii dla sklepów głównych i wyjść awaryjnych.

Ustal spójną zasadę interakcji: jeśli kliknięcie wielokąta otwiera kartę z informacjami o leasingu, kliknięcie znajdujących się w nim pinezek podrzędnych powinno otworzyć określone karty sprzedawcy. Upewnij się, że szpilki podrzędne mają wyższy indeks Z, dzięki czemu można je łatwo kliknąć wewnątrz obwodów wielokątów.

Użyj panelu zarządzania warstwami Layerpin, aby zmienić kolejność elementów i zablokować kształty tła, zapobiegając przypadkowym błędnym kliknięciom podczas edycji.

Layerpin logo

Chcesz stworzyć interaktywną mapę?

Twórz mapę prywatnie, sprawdź widok odwiedzającego i opublikuj ją, gdy będzie gotowa. No credit card needed.

Zacznij za darmo