Maps

Um mapa representa um único fornecedor (por exemplo, hotel ou provedor de experiências) ou um inventário (por exemplo, tipo de quarto, sala de reunião, spa etc.) ou um conjunto de inventários, como uma lista selecionada ou pesquisa salva, e expõe esses detalhes por meio de um mapa interativo contendo marcadores de mapa reserváveis. Um usuário pode interagir com um mapa das seguintes maneiras:

Aplique zoom, mova a tela e arraste o mapa para ver o inventário disponível.
Clique em um marcador de mapa para ver os detalhes do inventário na forma de umCartão.

Mapa com cartão aberto — *Mapa com inventário reservável*

O restante deste artigo explica como criar, personalizar e compartilhar seus mapas.

Criar um mapa

Os mapas podem ser criados de duas maneiras:

Mapa de marcador único: Crie um mapa a partir de algo que você encontrou enquantoprocurando.
Mapa de marcadores múltiplos: Crie um mapa a partir de umlista com curadoria ou pesquisa salva.

Mapa de marcador único

Acima está uma imagem tirada deProcurare mostra algumas coisas que você pode fazer com os resultados da sua pesquisa. Uma dessas ações éMake a map. Clique nesse botão e você será redirecionado para nossa página de formulário de mapa, onde poderá começar a personalizá-lo.

Mapa de marcadores múltiplos

Ambos listas selecionadas e pesquisas salvasvêm com uma ação que permite criar um mapa. Este mapa conterá marcadores para todo o inventário dentro dessas listas.

Personalizar mapa

O formulário permite que você personalize seu mapa das seguintes maneiras:

Dê um nome para que você possa lembrar do que se trata o mapa.
Escolha se você deseja que o usuário tenha permissão para se movimentar pelo mapa.
Defina a altura, em pixels, que você deseja que o mapa tenha.
Escolha se você deseja que o usuário tenha permissão para aumentar ou diminuir o zoom no mapa.
Escolha um estilo de mapa que combine com o site no qual você irá incorporar o mapa.
Escolha uma cor de marcador.
Selecione a face inicial da carta que você deseja que os usuários vejam primeiro. Por padrão, é a face nativa do inventário.
Você pode adicionar seus próprios marcadores, círculos, retângulos e polígonos para indicar outros locais no mapa que seus usuários possam achar interessantes.
Clique no Save botão para continuar.

Depois de salvar seu mapa, você será redirecionado para sua página de mapas e seu mapa estará pronto para ser compartilhado com o mundo.

Compartilhar mapa

Acima mostra uma imagem com todas as ações disponíveis para seu mapa:

AtualizarAtualiza a configuração do seu mapa.
Adicionar ao WinkLinksAdiciona o mapa à sua conta WinkLinks.
IncorporarMostra como incorporar este mapa como umMapano seu site.
Usar com WordPressMostra como usar nossoPlugin do WordPresspara incorporar este mapa em seu site.

Abordaremos algumas dessas opções com mais detalhes abaixo.

Incorporar

<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>

Veja como incorporar seu mapa em seu site:

A linha 3 mostra como incorporar os estilos Wink no seu site.
As linhas 6 a 9 mostram como usar ocarregador de conteúdo piscanteComponente Web e diga para ele buscar um banner de anúncio para seu código.
A linha 11 mostra como incorporar nosso Javascript em seu site.
A linha 13 mostra como incorporar ocarregador de aplicativo winkComponente Web e peça para ele buscar suas preferências de configuração no nível da página.

API

Os desenvolvedores que desejam gerenciar mapas podem acessarDesenvolvedores > API > Inventário.

Leitura adicional

Saiba mais sobre nossa coleção deComponentes da Web.
Saiba mais sobre oPlugin Wink para WordPress.