HTML Criação de mapa com elementos clicáveis

[GFontana1910]

Olá boa tarde. Preciso de uma ajuda na criação de um mapa do Brasil de forma dinâmica de modo que seja possível clicar nos estados. Assim que selecionado um estado, preciso exibir algumas informações deste determinado estado. O mapa seria algo parecido com esse da home do Olx (https://olx.com.br).

 

Alguém pode ajudar com algum material voltado para este tipo de desenvolvimento?

 

[DiF]

@GFontana1910 Olá,

Seja bem vindo em nosso Clube do Hardware.

Acho que o que você procura é algo sobre image mapping. Usando o elemento map.

 

No caso, você vai ter que mapear as coordenadas usando o atributo shape="poly" 

Ou seja, você estará definindo coordenadas de um polígono.

 

Exemplo online: https://jsfiddle.net/dife/Lvac4yr1/5/

 

Ademais, se você combinar isso com o canvas... podes fazer o mapa mais interativo.. como colocar efeito em cada estado em hover, clicado... e etc

[Luís Roberto C. da Silva]

Um outra opção é fazer um mosaico com todos os estados, dispostos a montar o mapa do Brasil. Aí, pra cada imagem de estado fazer as funções necessárias.