Categorias de widgets: Negócios
Mostre aos visitantes um mapa de qualquer local de sua preferência. Use o widget Mapa para mostrar a localização de sua empresa física ou de um evento especial. Você também pode usá-lo para mostrar aos clientes onde eles encontrarão estacionamento.
Mapbox é o provedor de mapas padrão para o widget de mapa. No entanto, você pode tornar o Google Maps o provedor de mapas padrão para todos os sites novos e existentes em sua conta. Além do widget de mapa, o Google Maps se tornará o padrão em todas as pesquisas de localização e mapas da Biblioteca de conteúdo e de outros widgets aplicáveis
Todos os dados de localização do Mapbox são salvos e aplicados ao Google Maps. Isso garante que você não precise configurar locais novamente.
Observe que esse recurso só pode ser ativado por membros da equipe com permissão de identidade visual da conta.
Para definir o Google Maps como seu provedor de mapas padrão:
-
Na sua conta do Google Maps, gere uma chave de API. Para saber como gerar uma chave de API, consulteDocumentação do Google. Recomendamos que você analisePolítica de uso e cobrança do Google.
-
(Opcional) Se você configurar sua conta do Google para que a chave da API só possa ser usada em sites específicos, você precisará adicionar duda.co, o domínio do seu site e, se aplicável, qualquer domínio de etiqueta branca à lista de sites permitidos na sua Conta do Google. É importante usar o seguinte formato para seus domínios:
*.duda.co/* -
No painel, clique em seu avatar no canto superior direito e selecioneConta.
-
Na página Configurações da conta, role para baixo até oIntegração com o Google Mapseção e cliqueConfigurar.
-
Cole sua chave de API no campo e clique emInscreva-se em todos os sites. Isso torna o Google Maps o mapa padrão para todos os sites existentes e novos em sua conta.
A qualquer momento, você pode desativar o Google Maps e voltar para o Mapbox. Todos os dados de localização do Google Maps serão salvos e aplicados automaticamente ao Mapbox quando você alternar
Opções de configuração do mapa
-
Digite seu endereço comercial no campo fornecido.
-
Selecione o endereço no menu suspenso exibido.
Nota
Se o seu endereço não aparecer no menu suspenso, isso significa que o AQUI banco de dados que o Website Builder usa não contém o endereço. Para enviar ou corrigir o endereço, entre em contato HERE Map Creator.
Ao usar o Google Maps como provedor padrão, consulte a documentação do Google, Adicione um lugar perdido ao Google Maps.
-
-
Você pode optar por exibir um botão de mapa em vez de uma imagem de mapa.
-
Para exibir um botão de mapa em dispositivos específicos no editor Clássico, selecione o Use o botão ligado dispositivos (
) onde você deseja que o botão apareça. Se nenhum dispositivo for escolhido, a imagem do mapa será exibida.
-
Editor 2.0: Para ativar o botão para todos os dispositivos, clique no Definir como botão em todos os dispositivos alternar.
-
-
Digite o texto que você deseja que apareça no botão na Texto no botão campo fornecido.
-
Popup de informações de localização (Janela de informações para o marcador do mapa). Para exibir um pop-up de informações de localização no widget do mapa
-
Digite um título e uma descrição para o pop-up.
-
Selecione para exibir o pop-upAo passar o mouse,Ao clicar, ouSempreno menu suspenso da tela pop-up.
-
Para incorporar mapas do Google Maps usando o widget HTML:
-
Navegue até o Google Maps.
-
Pesquise a localização que você deseja.
-
Clique no menu no canto superior esquerdo e clique em Compartilhar ou incorporar mapa .
-
Clique no Incorporar mapa aba.
-
Copie o URL entre aspas após <iframe src =”. Certifique-se de copiar o URL completo aninhado entre aspas
-
Navegue até seu site e, no painel esquerdo, clique em Widgets e arraste o Widget HTML em uma linha ou coluna.
-
Use o código de incorporação a seguir e adicione o URL que você obteve do Google Maps nas aspas após iframe src=:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> -
Entre no Modo Desenvolvedor.
-
Clique Site HTML/CSSe, 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 adequadamente para as diferentes visualizações do dispositivo. Se você usar o código de incorporação normal do Google Maps, o tamanho do widget do mapa aparecerá estático em todos os dispositivos e será cortado na visualização móvel