Pular para o conteúdo principal

Ajuda do Website

Deutsch English Español Français Italiano 繁體中文

Central de ajuda

Como podemos ajudá-lo?

Pesquisa

widget: Mapa

  • Atualizado

widget Categorias: Negócios

Mostre a seus visitantes um mapa de qualquer local que você desejar. Use o widget 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 obter informações sobre como adicionar widget, consulte Adicionar widget.

Dica

Para obter mais informações sobre widget e a widget biblioteca,widget consulte: Library and Overview (Biblioteca e visão geral).

Editor de conteúdo

Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e selecione Edit Content (Editar conteúdo). Ou, se você estiver no modo flexível ou no Editor 2.0, a opção de acessar o editor de conteúdo está disponível no menu flutuante.

Opções de configuração do mapa

  • Digite seu endereço comercial no campo fornecido.

    • Selecione o endereço no menu suspenso que aparece.

      Nota

      se não aparecer o endereço, é porque que o banco de dados HERE que o Website Builder 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 no editor Clássico, selecione o botão Usar nos dispositivos () onde você deseja que o botãomap-button-devices.png apareça. Se nenhum dispositivo for escolhido, a imagem do mapa será exibida.

    • No Editor 2.0, o botão pode ser ativado para todos os dispositivos. Para ativar o botão, clique no botão Definir como botão em Todos os dispositivos.

  • Digite o texto que você deseja que apareça no botão no campo Texto no botão 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 de mapa:

    • Digite um título e uma descrição para o pop-up.

    • Selecione a exibição do pop-up em hover, Ao clicar 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 elemento e clique em Editar design. Ou se você estiver no modo flexível ou no Editor 2.0, selecione Editar design no menu flutuante para abrir o painel de design.

Clique na guia Layout para editar o design do mapa que aparece no seu site.

Para obter informações sobre opções de design que não são específicas para este widget (por exemplo, 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 widget HTML:

  1. Navegue para o Google Maps.

  2. Procure o local que você deseja.

  3. Clique no menu no canto superior esquerdo e clique em Compartilhar ou incorporar mapa .

  4. Clique na guia Incorporar mapa.

  5. Copie o URL entre aspas após < iframe src = " . Certifique-se de copiar o URL completo aninhado entre aspas.

  6. Navegue até o seu site e, no painel esquerdo, clique em widget e arraste o HTML widget para uma linha ou coluna.

  7. Use o código de incorporação a seguir e informe 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>

  8. Entre no Modo de desenvolvedor.

  9. Clique em HTML/CSS do site e, em seguida, clique em site.css.

  10. 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 widget do mapa será estático em todos os dispositivos e será cortado na visualização do celular.