Como criar mapas personalizados interactivos no WordPress utilizando o Google My Maps

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

O seu sítio Web adiciona o Google Maps com funcionalidades interactivas básicas.Google My Mapsé uma ferramenta muito mais adequada. Neste artigo, iremos detalhar como utilizar o Google My Maps para criar e alojar um site WordPress noMapa interativo incorporado.

O que é o Google My Maps?

O Google My Maps é um serviço online gratuito que permite aos utilizadores personalizar o Google Maps. Os mapas podem serAdicione marcadores únicos, pontos de interesse, direcções de condução, etc.e incorpore-o no seu sítio Web através de código.Não precisa de instalar um plugin WordPress separado.

Passo 1: Crie um novo mapa

Primeiro, visite o sítio Google My Maps e clique em "Crie um novo mapa".

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Selecione o mapa de base

Uma vez no editor de mapas, pode selecionar o mapa de base e adicionar pontos de interesse e camadas.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Clique nos três pontos junto a "Untitled Layer" (Camada sem título) e selecione "Rename this layer" (Mudar o nome desta camada). Introduza o nome pretendido e clique em "Guardar".

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Alterar o estilo do mapa

O aspeto do mapa pode ser alterado selecionando um estilo existente. Clique na seta junto a "Mapa base" para navegar e selecionar um estilo que lhe convenha.

Passo 2: Adicione pontos de interesse

Pesquise e adicione etiquetas

Se apenas pretende criar um mapa simples, pode saltar para o passo quatro. No entanto, para dar mais riqueza ao mapa, pode ser necessário adicionar pontos de interesse. Quando um visitante clica num ponto de interesse, aparece uma dica de ferramenta que mostra o nome, a descrição, a fotografia e o vídeo (se disponível) do local.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Introduza o endereço no campo de pesquisa e clique no ícone "Pesquisar" O Google My Maps fará zoom na área. Se a localização já existir no mapa, basta clicar na mesma e selecionar "Adicionar ao mapa" está disponível. Pode editar esta mensagem predefinida, adicionar as suas próprias fotografias e vídeos e clicar no pequeno ícone de lápis para editar.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Personalizar as informações dos Pontos de Interesse

Pode introduzir títulos e descrições e adicionar imagens e vídeos para enriquecer as informações sobre os pontos de interesse. Por exemplo, ao criar um mapa para um sítio Web de um restaurante, pode adicionar uma fotografia do exterior do restaurante para ajudar os clientes a encontrá-lo ou carregar um portefólio de fotografias para um estúdio de fotografia.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Passo 3: Adicione uma rota

Também é possível adicionar rotas de viagem ao mapa, o que pode ser muito útil para ajudar os participantes a encontrar a localização de um evento ou recomendar rotas turísticas aos leitores de blogues de viagens.

Adicione um percurso de carro, a pé ou de bicicleta

Clique no ícone "Adicionar percurso" por baixo da barra de pesquisa e introduza os endereços de início e fim no lado esquerdo do ecrã. Por predefinição, é apresentado um percurso de carro, mas pode optar por ir de bicicleta ou a pé.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Desenhar rotas personalizadas

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Clique no ícone "Traçar uma linha" abaixo da barra de pesquisa para selecionar um percurso de carro, a pé ou de bicicleta. Clique no ponto de partida e desenhe uma linha ao longo do percurso e, em seguida, clique para colocar um marcador quando chegar ao seu destino.

Passo 4: Publicar mapas interactivos no WordPress

Quando o mapa estiver configurado de forma satisfatória, pode utilizar a funçãoIncorporar código iFrameAdicione-o ao sítio. Primeiro, clique em "partilhar (alegrias, benefícios, privilégios, etc.) com os outros" para tornar o mapa público, introduza um título e uma descrição do mapa e, em seguida, clique em "definir".

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Configuração de definições partilhadas

Active a opção "Qualquer pessoa com esta ligação pode ver" e clique em "Partilhar no Drive".

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Obtenha o código de incorporação

Clique no ícone dos três pontos no menu da esquerda, selecione "Incorporar no meu sítio Web" e copie o código iFrame gerado.

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

Adicionar blocos HTML personalizados no WordPress

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

No painel de controlo do WordPress, aceda ao post ou à página onde pretende adicionar um mapa interativo, abra o editor Gutenberg, clique no botão "+" e procure "HTML" para adicionar um bloco HTML personalizado. Cole o código do Google Maps no bloco HTML e clique no botão "Atualizar" ou "Publicar".

Como criar mapas personalizados interactivos no Wordpress utilizando o Google My Maps

chegar a um veredito

Com os passos acima, é fácil criar e personalizar mapas interactivos utilizando o Google My Maps e incorporá-los no seu sítio Web WordPress. Isto não só melhora a interatividade do seu sítio Web, como também proporciona aos visitantes um serviço de informações geográficas mais intuitivo.


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/16101/

Como (0)
Anterior Terça-feira, 10 de agosto de 2024 às 9:05.
Seguinte 10 de agosto de 2024 às 10:50 a.m.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.