Mapa estilizado

[Giovanni Petris 0]

Bom dia,

 

Preciso fazer um mapa de SC dinâmico onde eu possa alterar as cores de cada cidade.

 

Segue imagem de exemplo:

http://extrajudicial.tjsc.jus.br/inspecoes2013/docs/3Mapa%20Santa%20Catarina%20local%20Inspecoes%20in%20loco_large.jpg

 

A imagem acima é só para tomar como base, mas a ideia é que eu possa definir a cor de cada cidade...

 

Alguém sabe onde posso encontrar alguma referência para eu fazer isso?

 

Toda sugestão é bem vinda, se isso tiver se ser feito com JavaScript também... Sem problemas.

 

Obrigado.

[Edultra 13]

Cor da cidade selecionada ? tipo esta mostrando a cidade aparece ela em um mapa mas com cor diferente? se for isso você pode fazer o seguinte pegar uma cópia deste mapa colocar em cinza (disabled) e colorir somente uma cidade, salvar a imagem com outro nome (ex: nomedacidade) e, fazer isso para todas as cidades, e utilizar o javascript para alternar a imagem conforme a cidade selecionada.

 

Vai ser um monte de imagem, mas vai funcionar...rsrsrs...

 

Outra alternativa, caso seja necessário selecionar mais de uma cidade, seria salvar a imagem em png com fundo transparente e, apagar as outras cidades deixando somente aquela no mapa e colorindo-a, salvando-a com um nome diferente como feito no exemplo acima, depois você poderia sobrepor as imagens, iria aparecer somente as selecionadas.

 

Outras alternativas:

 

http://gizmodo.uol.com.br/este-mapa-do-metro-de-londres-nao-e-uma-imagem-e-so-codigo/

 

https://developers.google.com/maps/documentation/javascript/examples/overlay-remove?hl=pt-BR

 

http://www.princiweb.com.br/blog/programacao/google-apis/google-maps-api-v3-criando-um-mapa-personalizado.html