O mapa interativo é um ótimo formato para divulgar informações ou abordar um tema relacionado a uma localização geográfica, como o clima em uma determinada área, dados econômicos ou demográficos de cidades ou países etc. 


Com um mapa interativo, você poderá captar a atenção do seu público por meio da interação com seu conteúdo, além de facilitar a compreensão das informações. 


Criar um mapa interativo em Genially é muito fácil. Primeiro, você escolhe seu mapa, depois, os elementos interativos e, finalmente, adiciona as informações que deseja mostrar. Contamos o processo passo a passo: 


Escolha um template


Explore os diferentes templates que podem ser usados como base para a criação do seu mapa interativo. Para encontrá-los:


  • Acesse seu painel principal e clique em CRIAR GENIALLY;
  • Na barra de pesquisa, digite palavras-chave. Por exemplo: "Mapa", "Mapa do mundo", "Mapamundi";
  • Escolha o que você mais gosta.



Edite os recursos do template


1. MAPA


Neste tutorial, usaremos um template de mapa-mundi. Se você precisar de outro tipo de mapa, pode substituir o fornecido no modelo. Entre os recursos de Genially, há uma seção específica para mapas, com mapas do mundo em diferentes layouts e mapas por continentes. Para encontrar outro mapa:

  • Clique no mapa do template e depois no botão Substituir no canto superior direito do mapa.
  • Selecione a opção Mapas e explore as opções disponíveis. Também é possível inserir palavras-chave referentes à sua pesquisa no buscador.
  • Selecione o mapa que deseja utilizar e clique em Substituir.
  • Personalize seu mapa como quiser: dá para mudar a cor, o tamanho e posicioná-lo sobre a tela.



DICA: você também pode carregar seu próprio mapa em formato de imagem (JPG, PNG) por meio da seção "Imagem" do editor.


2. Elementos interativos


O próximo passo é adicionar interatividade ao seu mapa. No editor, você encontrará uma seção de elementos interativos muito eficazes para representar visualmente o conteúdo com o qual estão relacionados.


O template que estamos utilizando já inclui alguns elementos interativos. Você pode:

  • Substituir: se quiser usar outro tipo de elemento interativo, clique sobre ele e depois no botão Substituir, na parte superior direita do elemento.
  • Adicionar novos elementos interativos: explore a seção Elementos interativos para ver outros tipos de elementos disponíveis: Botões, Botões de texto, Redes sociais, Números e letras e Área Invisível. Clique no elemento que você deseja utilizar e coloque-o sobre a região desejada do mapa em uso. Também é possível utilizar qualquer outro recurso à sua escolha. 
  • Excluir: se houver um item na tela que você não precisa, selecione-o e pressione a tecla Supr em seu teclado, ou o botão Excluir na barra superior do editor.



3. Aplique interatividade


Uma vez definidos os elementos interativos desejados, só resta aplicar a interatividade. Você pode adicionar qualquer conteúdo para ser exibido quando seu público interagir com os elementos: imagens, textos, vídeos, áudios, GIFs… 


Adicione áudio a um elemento ou recurso para que ele seja reproduzido quando você clica nele. Você também pode fazer com que as imagens e alguns recursos possam ser ampliados durante a exibição do seu genially.


Além disso, você também pode direcionar seu público a outra página de sua criação ou a um site externo. Descubra os tipos de interatividade existentes e como usá-los neste tutorial.



4. Texto


Na parte superior do template, você verá duas caixas de texto que podem ser usadas para atribuir um título e uma breve descrição do tema a ser abordado. Também é possível adicionar outras caixas de texto ou removê-las conforme necessário. Te convidamos a visitar o tutorial para aprender como personalizar suas caixas de texto.



Compartilhe sua criação 


Primeiro, publique sua criação, e depois compartilhe o link com seu público para que todos possam utilizar seu genially.


Você também pode inserir sua criação em qualquer website ou blog


Finalmente, ao ter um plano premium, você pode baixar sua criação em vários formatos: