Mapas

Um mapa representa um único fornecedor (por exemplo, hotel ou fornecedor de experiências) ou inventário (ou seja, 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 esses detalhes através de um mapa interativo contendo marcadores de mapa reserváveis. Um utilizador pode interagir com um mapa das seguintes formas:

Fazer zoom, panorâmica e arrastar o mapa para ver o inventário disponível.
Clicar num marcador do mapa para ver detalhes do inventário na forma de um Card.

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

O resto deste artigo guia-o sobre 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 pesquisava.
Mapa de múltiplos marcadores: Crie um mapa a partir de uma lista selecionada ou pesquisa guardada.

Mapa de marcador único

Acima está uma imagem retirada da Pesquisa que mostra algumas das coisas que pode fazer com os seus resultados de pesquisa. Uma dessas ações é Criar um mapa. Clique nesse botão e será redirecionado para a nossa página de formulário de mapas onde pode começar a personalizar o seu mapa.

Mapa de múltiplos marcadores

Tanto as listas selecionadas como as pesquisas guardadas têm uma ação que lhe permite criar um mapa. Este mapa conterá marcadores para todo o inventário dentro dessas listas.

Personalizar mapa

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

Dê-lhe um nome para se lembrar do que se trata o mapa.
Escolha se quer permitir que o utilizador se mova pelo mapa.
Defina a altura, em pixels, que quer que o mapa tenha.
Escolha se quer permitir que o utilizador faça zoom dentro e fora do mapa.
Escolha um estilo de mapa que combine com o site onde vai incorporar o mapa.
Escolha uma cor para o marcador.
Selecione a face inicial do cartão que quer que os utilizadores vejam primeiro. Por defeito, é a face nativa desse 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 achar interessantes.
Clique no botão Guardar para continuar.

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

Partilhar mapa

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

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

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

Aqui está como incorporar o seu mapa no seu site:

A linha 3 mostra como incorporar os estilos Wink no seu site.
As linhas 6 a 9 mostram como usar o wink-content-loader Web Component e indicar que deve buscar um banner publicitário para o seu código.
A linha 11 mostra como incorporar o nosso Javascript no seu site.
A linha 13 mostra como incorporar o wink-app-loader Web Component e indicar que deve buscar as suas preferências de configuração a nível de página.

API

Os desenvolvedores que querem gerir mapas podem ir a Developers > API > Inventory.

Leitura adicional

Saiba mais sobre a nossa coleção de Web Components.
Saiba mais sobre o plugin WordPress Wink.