Primeiro, você precisa de um editor de imagens com suporte ao formato SVG. Utilizei o Inkscape.
Depois você precisa de um mapa em formato bitmap (jpg, bmp, gif...) se não quiser desenhar todos os estados à mão.
Utilizando o editor de imagens, você converte o mapa bitmap em SVG. o arquivo gerado precisa ter as seguintes características:
- o SVG precisa estar contido em uma viewBox, para que possa ser redimensionado com a janela do browser.
- todos os elementos que compõem o mapa (os estados), os "paths" precisam estar na raiz do objeto (se houver um nível G, você precisa deletá-lo).
- os paths (um para cada estado) precisam ser identificado pela sigla do estado.
- os pontos do path não podem ter coordenadas negativas (o AnyMap não lê coordenadas menores que zero).
Se for necessário ajustar o código SVG gerado pelo editor de imagens, recomendo utilizar o FirstObject XML Editor.
Depois disso tudo, é só usar lá no Xcelsius, onde precisaremos ter instalado o add-on AnyMap.
Para baixar o mapinha, clique aqui.
Jeff
