Se você usar um serviço como Google Maps, basta escolher um local e incorporar o mapa ao seu site. No entanto, você não pode editar mapas dinamicamente, e nem mesmo seus colegas de trabalho - o que geralmente é necessário para projetos colaborativos.
É aqui que entram os mapas interativos. Eles permitem que você coloque marcadores móveis que todos em sua equipe podem editar.
Neste tutorial, falaremos sobre quando esse tipo de cartão será útil. Além disso, mostraremos como adicioná-los de duas maneiras ao WordPress.
Mas antes de começar, reserve um tempo para dar uma olhada Como instalar um tema WordPress, Quantas plugins devo instalar no WordPress.
Então mvamos trabalhar!
O que é um mapa interativo (e quando usá-lo?)
Adicionar um mapa a um site é bastante simples. Ferramentas como O Google Maps permite que você incorpore mapas em suas páginas em minutos. A vantagem dessa abordagem é que os visitantes podem se mover pelos mapas, aumentar o zoom, diminuir o zoom etc.
Esses tipos de mapas são mais interativos do que apenas imagens, mas não permitem que você faça alterações depois de adicioná-los ao seu site.
Por outro lado, os mapas interativos permitem que você (e, em alguns casos, seus colegas) adicione novos marcadores, ícones, textos e muito mais. Imagine, por exemplo, que você está planejando uma reunião para membros do seu site. Você pode configurar um mapa com vários pinos para sugerir locais.
Descubra a propósito 5 WordPress plugins para adicionar geolocalização ao seu Blog
Você também pode usar um mapa interativo para que seus usuários possam compartilhar suas localizações ou navegar até os lugares que desejam visitar. Para ser mais preciso, essas são aplicações de nicho. No entanto, os mapas interativos lata ser útil em uma ampla variedade de situações.
Além disso, eles não são necessariamente mais difíceis de adicionar do que seus colegas.
Como adicionar mapas interativos ao seu site WordPress
Quando se trata de mapas interativos, você pode incorporar um em seu site ou usar um plug-in para ajudá-lo a fazer isso. A primeira abordagem é mais simples, mas os plug-ins geralmente contêm muito mais recursos, como você pode esperar. Vamos revisar a abordagem do plugin para mostrar quais são esses recursos.
1. Use o plugin Mapas Marker Pro
O plugin Mapas Marker Pro é uma solução premium completa para adicionar mapas ao WordPress. Ele oferece dezenas de recursos avançados, como aqueles que permitem visualizar mapas de vários departamentos e adicionar um número virtualmente ilimitado de marcadores aos seus mapas e organizá-los. Além disso, os visitantes podem filtrar os tipos de marcadores que desejam ver em seus mapas.
Outras coisas divertidas que você pode fazer usando este plugin é adicionar informações de distância e rota entre os marcadores. Você pode até mesmo compartilhar sua própria localização em tempo real por meio do mapa do seu site, se desejar. A configuração do plugin pode demorar um pouco, devido à riqueza de recursos que ele oferece.
No entanto, não é tão difícil quanto você pode imaginar.
Para começar, configure e ative o plugin como faria com qualquer outro. Se você é novo no WordPress, descubra Como instalar um plugin no WordPress
Assim que o plugin estiver pronto, você precisa adicionar um novo mapa ou camada, o que pode ser feito na guia Maps Marker Pro> Adicionar uma nova camada. Aqui, defina um nome que você possa reconhecer para sua camada e insira o local que deseja exibir, assim como faria com qualquer outra ferramenta de mapeamento online:
Agora você pode ajustar o tamanho e o nível de zoom que deseja definir como padrão, usando o menu à esquerda. Também existe uma opção chamada Agrupamento de marcadores , que exibirá um ícone com o número de marcadores em uma área se você aumentar muito o zoom, como no exemplo abaixo:
a opção Marcadores de pesquisa, por outro lado, é bastante explícito. Pode ser útil se você quiser incluir informações adicionais sobre seus marcadores:
Agora role para baixo e encontre a opção « Adicione um novo marcador nesta camada« . Na próxima tela, você poderá definir um nome e localização para o seu marcador, utilizando o mesmo mapa do anterior.
Descubra também Como comprimir e redimensionar imagens em WordPress
Você também pode escolher um ícone e definir um texto pop-up para o seu marcador. Isso aparecerá quando os visitantes clicarem no próprio marcador ou selecioná-lo em uma lista, se você optou por incluí-lo.
Em qualquer caso, não se esqueça de apertar o botão publicar depois de terminar. Depois de adicionar alguns marcadores, sua camada inicial deve ficar assim:
Quando estiver pronto para adicionar seu novo mapa interativo a uma de suas páginas, você deve usar um shortcode. Role para o topo da guia Editar camada e procure seu ID correspondente:
Agora, coloque o shortcode [camada do mapsmarker = "X"] em sua postagem ou página. Não se esqueça de substituir o espaço reservado X pelo ID de sua "camada" com antecedência, no entanto.
Seu cartão agora deve estar operacional em seu site! Mais importante, você ou qualquer outra pessoa da sua equipe pode editá-lo e adicionar novos marcadores a qualquer momento, sem sair do painel.
2. Usando o recurso Embed embutido de Google Map
Google Maps não precisa realmente de uma introdução - é um serviço que permite extrair mapas de todo o mundo para compartilhar lugares com outras pessoas, encontrar endereços e até mesmo compartilhar onde você está. Quando se trata de sites, há muitas maneiras de integrar o Google Maps em suas páginas. 
No entanto, a maioria dos cartões oferece quantidades limitadas de interatividade. Eles permitem que você navegue por eles, amplie, saia e altere sua visão, mas nada mais.
O fato é que o Google Maps oferece muito mais recursos do que o mapeamento simples. Por exemplo, você também pode adicionar vários marcadores, medir distâncias e incluir instruções em seus mapas. Para experimentar esses recursos, vá para Meus Mapas do Google e clique no botão + Criar um novo mapa :
Na próxima tela, defina um título para seu mapa e sua primeira camada, sobre a qual construiremos. Agora encontre o local que deseja compartilhar usando a barra de pesquisa do Google Maps na parte superior da tela:
Conforme você aumenta o zoom, você pode usar o símbolo do marcador na parte superior da tela para começar a destacar os locais no mapa. Basta clicar onde deseja colocar seu marcador e definir um nome e um ícone para ele:
Depois de ter vários marcadores, é possível desenhar linhas entre eles para exibir as distâncias:
Quando seu cartão estiver pronto, clique no botão Compartilhar no menu à esquerda. Lá, altere as configurações de acesso de privado à público :
Você também pode convidar membros da equipe para usar seus e-mails, para que possam acessar imediatamente o mapa:
Em qualquer caso, você deve sempre incorporar seu novo cartão em seu site. Você pode fazer isso clicando no ícone de três pontos próximo ao título do seu mapa e clicando na opção Incorporar este mapa :
Agora você pode copiar e colar o código embed em suas páginas. Seu novo cartão aparecerá onde quer que você o coloque. Além disso, seus colegas poderão editá-lo e adicionar novos marcadores via Google Maps, se necessário.
Descubra também alguns plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. Captcha final da matemática
Ultimate Math Captcha é um WordPress Plugin Prêmio captcha 100% efetivo. Permite adicionar um captcha matemático no formas Login WordPress, registro, recuperação de senha, comentários, WooCommerce, Easy Digital Downloads e aux formas do bbPress.
Suas características incluem: fácil instalação e configuração, adicionando captcha a muitos formas, suporte para vários captchas matemáticos na mesma página, personalização de mensagens de erro e muitos outros.
Descarregar | Demo | hospedagem na web
2. Gateway de pagamento padrão do PayPal para formulários Ninja
O gateway padrão do PayPal para formulários Ninja permite que você crie formulários que se integram perfeitamente ao gateway de pagamento do PayPal. Você poderá criar formulários de pedido personalizados e receber pagamentos usando contas padrão do Paypal.
Suas principais características são: integração fácil e rápida, integração IPN, capacidade de ativar / desativar o gateway do PayPal em formulários individuais, suporte para pagamentos regulares, etc.
Descarregar | Demo | hospedagem na web
3. Formas de gravidade - Listar e editar
com este WordPress Plugin premium, é possível modificar ou excluir as entradas enviadas nos formulários do seu site. Um recurso que falta muito no plugin Gravity Forms, e é por isso que essa extensão foi criada.
Entre suas características, mencionaremos entre outras:edição e salvamento dos dados gravados, ocompressão dos dados inseridos, omodificação e exclusão de artigos já publicados, o iIntegração perfeita com os plugins jQuery Datatables e Gravity-Forms, osuporte de lógica condicional, ssimples e rápido de instalar, e muito mais.
Descarregar | Demo | hospedagem na web
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- Suas imagens não são apresentados com SSL? Aqui está a solução
- Como adicionar um widget para o cabeçalho do seu blog WordPress
- Como comprimir e redimensionar imagens em WordPress
- Como apresentar e compartilhar PDFs no WordPress?
Conclusão
Aqui ! É isso para este tutorial, espero que ele permita que você crie mapas interativos no WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress.
Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.
...
