Mapas Mundiais Interativos

Descrição

 

Este é um plugin WordPress para criar quantos mapas você quiser, com marcadores interativos e coloridos, continentes, países ou regiões.
Confira a versão autônoma não-wordpress aqui )

Mostrar diferentes regiões

Você poderá mostrar centenas de tipos diferentes de mapas, já incluídos:

  • Um mapa do mundo inteiro.
  • Um continente ou um subcontinente. (África, Europa, Américas, Ásia, Oceania e todos os seus subcontinentes)
  • Um país. (praticamente todos os países do mundo estão incluídos, destacando os mais solicitados: EUA, Reino Unido, Canadá, França, Alemanha, Espanha, Itália, Brasil, Índia, Austrália…)
  • Um país dividido por suas regiões. *
  • Um estado nos Estados Unidos.
  • Os Estados Unidos divididos por áreas metropolitanas.
  • Um estado nos Estados Unidos dividido por áreas metropolitanas.

Colorir regiões ou adicionar marcadores

Você pode adicionar regiões coloridas ativas ao mapa e exibi-las de 2 maneiras diferentes:

  • Como Regiões – Colorirá toda a região, por exemplo, um continente, subcontinente, um país, uma província do país ou um estado dos EUA.
  • Como Marcadores -Exibirá uma bolha colorida nas regiões escolhidas, que pode ser uma cidade, um estado ou um país.

Interactive World Maps - 1
Veja a DEMO para ver como eles interagem!

Adicionar interatividade

Você pode adicionar interatividade às regiões ativas:

  • Uma dica de ferramenta – Uma dica de ferramenta será exibida por padrão ao passar o mouse com as informações que você fornecer.
  • Uma Ação ? Você pode configurar diferentes tipos de ação para quando o usuário clicar em uma área ativa. Você pode abrir uma nova URL ou simplesmente exibir uma mensagem. Usuários avançados poderão criar suas próprias funções Javascript para ações personalizadas, como abrir informações com um efeito lightbox .

Customizável

Você poderá customizar o visual de seus mapas:

  • Cor de fundo;
  • Largura e cor da borda da caixa;
  • Cor das regiões inativas;
  • Cores individuais para cada região ativa;
  • Tamanho dos marcadores;
  • Largura e Altura do mapa;

Interactive World Maps - 2

Adicione os mapas em qualquer lugar do seu site

Você pode usar um shortcode para incluir os mapas em posts, páginas e até mesmo em widgets da barra lateral! Você também pode adicionar os mapas ao seu modelo, com uma função php simples.

Responsivo

Se nenhuma largura for especificada, ele será carregado com a largura máxima disponível na div do contêiner. Por exemplo, ele irá carregar e se adaptar com tamanhos diferentes para telefones/ipads/laptops. No entanto, depois de carregado, ele não mudará de tamanho se você redimensionar a janela.

Desde a versão 1.4, o plugin inclui uma opção para tornar os mapas totalmente responsivos. Isso usará jQuery para verificar se o tamanho da janela mudou e redesenhará o mapa com o novo espaço disponível.

Compatível com vários dispositivos e navegadores

Os mapas são construídos em SVG, nenhum flash é usado e, portanto, eles serão exibidos em produtos Mac.

Hacks de CSS facilitados

Existem alguns recursos que a API do Google Geochart não fornece por padrão, mas o plug-in fornece um ‘Gerador de CSS personalizado’ para ajudar a implementar alguns recursos como efeito de mudança de cor ao passar o mouse, implementar ícones de fonte como marcadores, alterar a cor da borda, entre outros.

Interactive World Maps - 3Exemplo de mapa usando ícones de fonte do kit de ferramentas fontAwesome usando alguns truques de CSS, disponível a partir da versão 1.7.3 lançada em janeiro de 2016. Saiba mais sobre essa técnica .

Onde usá-lo?

Este plugin é perfeito para:

  • Sites de viagens – Crie mapas para exibir destinos e links para páginas sobre um local específico
  • Site do viajante – Exibe um mapa com destinos/países visitados
  • Empresas Multinacionais – Crie mapas das cidades/países onde atuam
  • Pequenas Empresas – Mostre a localização do negócio em um mapa do país
  • ONGs – Crie mapas de projetos de ONGs ao redor do mundo
  • Infográficos – Exibe mapas simples de ler com várias informações
  • E muito mais outras aplicações! Seja criativo!

Incluindo:

  • Divi – por ElegantThemes
  • Avada
  • Tema X

Este plugin usa a poderosa API do Google Geochart que cria os mapas vetoriais SVG.
_

0/5 Singular: (0 Análise)

Não há comentários ainda.

Escreva um comentário

Ainda não há perguntas. Seja o primeiro a fazer uma pergunta sobre este produto.

Apenas usuários registrados são elegíveis para entrar em questões