[V6] Elemento do Google Maps

Sobre o elemento Google Maps

Usar um widget do Google Maps no seu site pode ajudar os consumidores a localizar sua empresa e melhorar a experiência geral do usuário. A maioria dos sites adicionará o Google Maps em sua página de contato para identificar suas localizações reais. Ao fazer isso, você poupará os clientes do processo de abrir mapas em outra janela e colar o endereço. Eles podem simplesmente clicar no seu endereço fixado no mapa e obter direções.

De Painel GemPages, abra seu modelo preferido para editar. Você pode encontrar rapidamente o Google Maps elemento na barra lateral esquerda da página do editor, sob o Módulo seção.

Ao clicar no elemento, você encontrará suas opções de configuração na barra lateral esquerda, incluindo o Configurações e Design Guias.

Configurar a guia Configurações

Localização:

Há duas opções para você adicionar sua localização nesta seção:

• Endereço: Insira seu endereço/localização no campo.

• Coordenada: Insira as coordenadas de latitude e longitude do GPS na caixa correspondente. Para obter as coordenadas da sua localização, confira isto neste artigo do Google Maps.

Dimensão

Altura: Insira o número no campo para determinar a altura em pixels.

Zoom: Use o controle deslizante ou insira o número na caixa para ajustar o nível de zoom do mapa. Você pode reduzir o nível de zoom para focar seu mapa diretamente na localização do seu negócio. Caso contrário, escolha um nível mais alto para mostrar a área ao redor.

Visualizações

Esta configuração permite que você escolha entre as visualizações de mapa e de satélite do seu mapa para exibir no seu site.

Modo Avançado

Para habilitar opções mais avançadas, ative o Modo Avançado troque e insira seu Chave API. Clique aqui. para obter sua chave de API.

Aula extra

Se você deseja personalizar ainda mais o elemento com codificação, use este campo para adicionar um nome de classe e fazer referência a ele no arquivo CSS.

Configurar a aba Design

Para estilizar a aparência do elemento, navegue até a guia Design e siga as instruções neste neste artigo.