Mapy

Mapa reprezentuje pojedynczego dostawcę (np. hotel lub dostawcę doświadczeń) lub zasób (np. typ pokoju, sala konferencyjna, spa itp.) albo kolekcję zasobów, taką jak wyselekcjonowana lista lub zapisane wyszukiwanie, i udostępnia te szczegóły za pomocą interaktywnej mapy zawierającej rezerwowane znaczniki na mapie. Użytkownik może wchodzić w interakcję z mapą na następujące sposoby:

Powiększaj, przesuwaj i przeciągaj mapę, aby zobaczyć dostępne zasoby.
Kliknij na znacznik na mapie, aby zobaczyć szczegóły zasobu w formie Karty.

Mapa z otwartą kartą — *Mapa z rezerwowanymi zasobami*

Reszta tego artykułu przeprowadzi Cię przez proces tworzenia, dostosowywania i udostępniania Twoich map.

Utwórz mapę

Mapy można tworzyć na dwa sposoby:

Mapa z pojedynczym znacznikiem: Utwórz mapę z czegoś, co znalazłeś podczas wyszukiwania.
Mapa z wieloma znacznikami: Utwórz mapę z wyselekcjonowanej listy lub zapisanego wyszukiwania.

Mapa z pojedynczym znacznikiem

Powyżej znajduje się obrazek z Wyszukiwania, który pokazuje niektóre z rzeczy, które możesz zrobić z wynikami wyszukiwania. Jedną z tych akcji jest Utwórz mapę. Kliknij ten przycisk, a zostaniesz przekierowany do formularza mapy, gdzie możesz zacząć dostosowywać swoją mapę.

Mapa z wieloma znacznikami

Zarówno wyselekcjonowane listy, jak i zapisane wyszukiwania mają akcję pozwalającą na utworzenie mapy. Ta mapa będzie zawierać znaczniki dla wszystkich zasobów w tych listach.

Dostosuj mapę

Formularz pozwala dostosować mapę w następujący sposób:

Nadaj jej nazwę, abyś pamiętał, czego dotyczy mapa.
Wybierz, czy chcesz pozwolić użytkownikowi na poruszanie się po mapie.
Ustaw wysokość mapy w pikselach.
Wybierz, czy chcesz pozwolić użytkownikowi na powiększanie i pomniejszanie mapy.
Wybierz styl mapy, który pasuje do strony, na której będziesz osadzać mapę.
Wybierz kolor znacznika.
Wybierz początkową stronę karty, którą użytkownicy zobaczą jako pierwszą. Domyślnie jest to natywna strona tego zasobu.
Możesz dodać własne znaczniki, koła, prostokąty i wielokąty, aby wskazać inne lokalizacje na mapie, które mogą zainteresować Twoich użytkowników.
Kliknij przycisk Zapisz, aby kontynuować.

Po zapisaniu mapy zostaniesz przekierowany na stronę z mapami, a Twoja mapa jest gotowa do udostępnienia światu.

Udostępnij mapę

Powyżej widzisz obrazek ze wszystkimi dostępnymi akcjami dla Twojej mapy:

Aktualizuj Aktualizuje konfigurację Twojej mapy.
Dodaj do WinkLinks Dodaje mapę do Twojego konta WinkLinks.
Osadź Pokazuje, jak osadzić tę mapę jako Mapę na Twojej stronie.
Użyj z WordPress Pokazuje, jak użyć naszego wtyczki WordPress, aby osadzić tę mapę na Twojej stronie.

Poniżej omówimy niektóre z tych opcji bardziej szczegółowo.

Osadź

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="MAP"
       id="64d7cbc8-61df-11ef-9722-42004e494300"
    ></wink-content-loader>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Oto jak osadzić mapę na swojej stronie:

Linia 3 pokazuje, jak osadzić style Wink na swojej stronie.
Linie od 6 do 9 pokazują, jak użyć komponentu Web wink-content-loader i nakazać mu pobranie banera reklamowego dla Twojego kodu.
Linia 11 pokazuje, jak osadzić nasz Javascript na stronie.
Linia 13 pokazuje, jak osadzić komponent Web wink-app-loader i nakazać mu pobranie preferencji konfiguracji na poziomie strony.

API

Deweloperzy, którzy chcą zarządzać mapami, mogą przejść do Deweloperzy > API > Inventory.

Dalsza lektura

Dowiedz się więcej o naszej kolekcji Web Components.
Dowiedz się więcej o wtyczce Wink WordPress.