Maps

Um mapa representa um único fornecedor (por exemplo, hotel ou fornecedor de experiências) ou inventário (por exemplo, tipo de quarto, sala de reuniões, spa, etc.) ou uma coleção de inventário, como uma lista selecionada ou pesquisa guardada, e expõe estes detalhes através de um mapa interativo contendo marcadores de mapas que podem ser reservados. Um utilizador pode interagir com um mapa das seguintes formas:

Aplique zoom, mova o ecrã e arraste o mapa para ver o inventário disponível.
Clique num marcador de mapa para ver os detalhes do inventário sob a forma de um Cartão.

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

O resto deste artigo explica como criar, personalizar e partilhar os seus mapas.

Criar um mapa

Os mapas podem ser criados de duas formas:

Mapa de marcador único: Crie um mapa a partir de algo que encontrou enquanto procurando.
Mapa de marcadores múltiplos: Crie um mapa a partir de um lista com curadoria ou pesquisa salva.

Mapa de marcador único

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

Mapa de marcadores múltiplos

Ambos listas selecionadas e pesquisas guardadas vem com uma ação que permite criar um mapa. Este mapa conterá marcadores de mapa para todo o inventário dentro destas listas.

Personalizar mapa

O formulário permite personalizar o seu mapa das seguintes formas:

Dê um nome para que se possa lembrar do que se trata o mapa.
Escolha se pretende que o utilizador tenha permissão para se movimentar pelo mapa.
Defina a altura, em pixéis, que pretende que o mapa tenha.
Escolha se pretende que o utilizador tenha permissão para aumentar ou diminuir o zoom no mapa.
Escolha um estilo de mapa que combine com o site no qual vai incorporar o mapa.
Escolha uma cor de marcador.
Selecione a face inicial do cartão que pretende que os utilizadores vejam primeiro. Por defeito, é a face nativa deste inventário.
Pode adicionar os seus próprios marcadores, círculos, retângulos e polígonos para indicar outros locais no mapa que os seus utilizadores possam considerar interessantes.
Clique no Save botão para continuar.

Depois de guardar o seu mapa, será redirecionado para a sua página de mapas e o seu mapa estará pronto para ser partilhado com o mundo.

Partilhar mapa

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

Atualização Atualiza a configuração do seu mapa.
Adicionar ao WinkLinks Adiciona o mapa à sua conta WinkLinks.
Incorporar Mostra como incorporar este mapa como um Mapa no seu site.
Usar com o WordPress Mostra como usar o nosso Plugin WordPress para incorporar este mapa no seu site.

Abordaremos algumas destas opções com mais detalhe 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 o seu mapa no seu site:

A linha 3 mostra como incorporar os estilos Wink no seu website.
As linhas 6 a 9 mostram como utilizar o carregador de conteúdo intermitente Componente Web e diga-lhe para procurar um banner de anúncio para o seu código.
A linha 11 mostra como incorporar o nosso Javascript no seu site.
A linha 13 mostra como incorporar o carregador de aplicações wink Componente Web e peça-lhe para procurar as suas preferências de configuração ao nível da página.

API

Os programadores que desejam gerir mapas podem aceder Programadores > API > Inventário.

Leitura adicional

Saiba mais sobre a nossa coleção de Componentes da Web.
Saiba mais sobre o Plugin Wink para WordPress.