Mostre a seus visitantes um mapa de qualquer local que você quiser. Use o Mapa para mostrar a localização do seu negócio físico ou de um evento especial. Você também pode usá-lo para mostrar aos clientes onde eles encontrarão estacionamento.
Para adicionar o Mapa:
- No painel esquerdo, clique em Widgets.
- Clique e arraste o Mapa para o seu site.
Veja mais informações sobre como adicionar ao seu site em Adicione widgets.
Editor de conteúdo
Para acessar o editor de conteúdo:
- Clique com o botão direito do mouse no e clique em Editar conteúdo.
- Digite seu endereço comercial no campo fornecido.
- Selecione o endereço no menu suspenso que aparecer; se não aparecer o endereço, é porque que o banco de dados HERE que a Duda utiliza não contém o endereço. Para enviar ou corrigir o endereço, fale com o HERE Map Creator.
- Você pode optar por exibir uma imagem de um botão de mapa, em vez de uma imagem de mapa. Para exibir um botão de mapa em dispositivos específicos, selecione Usar botão em dispositivos (
) onde deseja que o botão apareça. Se nenhum dispositivo for escolhido, a imagem do mapa será exibida. - Digite o texto que deseja que apareça no botão no campo Texto no botão fornecido.
Exibir pop-up de informações de localização
Para exibir um pop-up de informações de localização no de mapa:
Digite um título e uma descrição para o pop-up.
Selecione para exibir o pop-up Ao passar o mouse, Ao clicar em ou Sempre no menu suspenso Exibição de pop-up.
Editor de design
Para acessar o editor de design, clique com o botão direito do mouse no e clique em Editar Design.
Clique na guia Layout para editar o design do mapa que aparece no seu site.
Para informações sobre opções de design que não são específicos a este (como layout, estilo ou espaçamento), consulte Design de widget.
Incorporar um mapa do Google usando um widget HTML
Para incorporar mapas do Google Maps usando o HTML:
- Navegue para o Google Maps.
- Procure o local que você deseja.
- Clique no menu no canto superior esquerdo e clique em Compartilhar ou incorporar mapa.
- Clique na guia Incorporar mapa.
- Copie o URL entre aspas após < iframe src = " . Certifique-se de copiar o URL completo aninhado entre aspas.
- Navegue até o site e, no painel esquerdo, clique em Widgets e arraste o HTML para uma linha ou coluna.
- Use o código de incorporação a seguir e insira o URL que você obteve do Google Maps entre as aspas após iframe src =:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div>
- Entre no Modo de desenvolvedor.
- Clique em Site HTML/CSS e, em seguida, clique em site.css.
- Incorpore o seguinte CSS nesta seção:
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
O mapa será redimensionado de acordo com as diferentes visualizações do dispositivo. Se você usar o código de incorporação normal do Google Maps, o tamanho do do mapa será estático em todos os dispositivos e será cortado na visualização do celular.
