16

Tenho o seguinte mapa:

inserir a descrição da imagem aqui

Quando o cliente passar o mouse em cima de um estado, tem que mudar de cor. Eu pensei em fazer várias divs, para montar o mapa. Só que isso irá gerar um problema, como as divs são quadradas, terá que passar o mouse bem no centro do estado.

Existe alguma outra alternativa?

3
  • Dependendo da sua utilização, vc pode usar o fusioncharts-> fusioncharts.com/charts/fusionmaps/?map=brazil 12/03/2015 às 13:51
  • 2
    Talvez fazer em SVG, ou então do modo mais trabalhoso e antigo.. que é mapear todos os estados e depois criar um efeito hover/troca de imagem.
    – Ricardo
    12/03/2015 às 14:00
  • Eu criei uma diretiva do plugin JQVMap em Jquery para AngularJS link github
    – user50377
    10/07/2016 às 20:06

1 Resposta 1

23

Isso pode te ajudar:

https://github.com/felipeduardo/mapa-brasil-svg/blob/master/index.html

O mapa é quase o mesmo, é só mudar o style.

https://jsfiddle.net/9yp2L7ab/

2
  • Reparei que o projeto citado não informa qual a licença de uso, só diz "Creditos to olx.com.br" - e não vi nenhuma indicação que a OLX tenha disponibilizado o mapa para uso gratuito. Se eu estiver enganado, por favor me corrijam, pois também estou em busca de uma solução desse tipo.
    – mgibsonbr
    23/11/2017 às 17:37
  • P.S. Encontrei na Wikipedia um arquivo SVG semelhante, este licenciado sob Creative Commons (CC-BY-SA). O processo pra implementar o hover é a mesma.
    – mgibsonbr
    24/11/2017 às 0:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .