Mapa em SVG

Possibilita plotar dados dinâmicos sobre regiões específicadas do mapa, utilizando apenas javascript e renderização SVG (sem a necessidade de plugin específicos).

MESOREGIÕES

Mapa de mesorregiões do Estado de Minas Gerais, Brasil.

Fonte: Wikipedia

<script type="text/javascript">
  var ufs = [
    { "codigo": 11, "uf": "RO", "nome": "Rondonia", "valor": "" },
    { "codigo": 12, "uf": "AC", "nome": "Acre", "valor": "" },
    { "codigo": 13, "uf": "AM", "nome": "Amazonas", "valor": "" },
    { "codigo": 14, "uf": "RR", "nome": "Roraima", "valor": "" }, 
    { "codigo": 15, "uf": "PA", "nome": "Para", "valor": "" }, 
    { "codigo": 16, "uf": "AP", "nome": "Amapa", "valor": "5" }, 
    { "codigo": 17, "uf": "TO", "nome": "Tocantins", "valor": "" }, 
    { "codigo": 21, "uf": "MA", "nome": "Maranhao", "valor": "" }, 
    { "codigo": 22, "uf": "PI", "nome": "Piaui", "valor": "65" }, 
    { "codigo": 23, "uf": "CE", "nome": "Ceara", "valor": "" }, 
    { "codigo": 24, "uf": "RN", "nome": "Rio Grande do Norte", "valor": "" }, 
    { "codigo": 25, "uf": "PB", "nome": "Paraiba", "valor": "" }, 
    { "codigo": 26, "uf": "PE", "nome": "Pernambuco", "valor": "" }, 
    { "codigo": 27, "uf": "AL", "nome": "Alagoas", "valor": "" }, 
    { "codigo": 28, "uf": "SE", "nome": "Sergipe", "valor": "" }, 
    { "codigo": 29, "uf": "BA", "nome": "Bahia", "valor": "" }, 
    { "codigo": 31, "uf": "MG", "nome": "Minas Gerais", "valor": "2.999.950" }, 
    { "codigo": 32, "uf": "ES", "nome": "Espirito Santo", "valor": "" }, 
    { "codigo": 33, "uf": "RJ", "nome": "Rio de Janeiro", "valor": "5" }, 
    { "codigo": 35, "uf": "SP", "nome": "Sao Paulo", "valor": "7" }, 
    { "codigo": 41, "uf": "PR", "nome": "Parana", "valor": "9" }, 
    { "codigo": 42, "uf": "SC", "nome": "Santa Catarina", "valor": "12" }, 
    { "codigo": 43, "uf": "RS", "nome": "Rio Grande do Sul", "valor": "" }, 
    { "codigo": 50, "uf": "MS", "nome": "Mato Grosso do Sul", "valor": "" }, 
    { "codigo": 51, "uf": "MT", "nome": "Mato Grosso", "valor": "" }, 
    { "codigo": 52, "uf": "GO", "nome": "Goias", "valor": "" }, 
    { "codigo": 53, "uf": "DF", "nome": "Distrito Federal", "valor": "5" }
  ];
</script>

Obs: As informações contida na propriedade "valor" são fictícias, geradas aleatóriamente para este exemplo. Fonte: IBGE/UF

<script type="text/javascript">
  var meso = [
    { "codigo": "3111", "nome": "CAMPO DAS VERTENTES", "valor": "550" },
    { "codigo": "3106", "nome": "CENTRAL MINEIRA", "valor": "552" },
    { "codigo": "3103", "nome": "JEQUITINHONHA", "valor": "155" },
    { "codigo": "3107", "nome": "METROPOLITANA DE BELO HORIZONTE", "valor": "94" },
    { "codigo": "3101", "nome": "NOROESTE DE MINAS", "valor": "2.355" },
    { "codigo": "3102", "nome": "NORTE DE MINAS", "valor": "156.510" },
    { "codigo": "3109", "nome": "OESTE DE MINAS", "valor": "99" },
    { "codigo": "3110", "nome": "SUL/SUDOESTE DE MINAS", "valor": "236" },
    { "codigo": "3105", "nome": "TRIANGULO MINEIRO/ALTO PARANAIBA", "valor": "2.587" },
    { "codigo": "3104", "nome": "VALE DO MUCURI", "valor": "25" },
    { "codigo": "3108", "nome": "VALE DO RIO DOCE", "valor": "36" },
    { "codigo": "3112", "nome": "ZONA DA MATA", "valor": "879" }
  ];
</script>

Fonte: MGGOV/Mesorregioes

REGIÃO METROPOLITANA

Mapa da grande belo Horizonte, capital do Estado de Minas Gerais, Brasil.

Fonte: Wikipedia Fonte: Agenciarmbh

<script type="text/javascript">
  var muni = [
    { "codigo": "3105004", "nome": "BALDIM", "valor": "550" },
    { "codigo": "3106200", "nome": "BELO HORIZONTE", "valor": "72350" },
    { "codigo": "3106705", "nome": "BETIM", "valor": "780" },
    { "codigo": "3109006", "nome": "BRUMADINHO", "valor": "" },
    { "codigo": "3110004", "nome": "CAETE", "valor": "" },
    { "codigo": "3112505", "nome": "CAPIM BRANCO", "valor": "" },
    { "codigo": "3117876", "nome": "CONFINS", "valor": "" },
    { "codigo": "3118601", "nome": "CONTAGEM", "valor": "2560" },
    { "codigo": "3124104", "nome": "ESMERALDAS", "valor": "" },
    { "codigo": "3126000", "nome": "FLORESTAL", "valor": "2" },
    { "codigo": "3129806", "nome": "IBIRITE", "valor": "25" },
    { "codigo": "3130101", "nome": "IGARAPE", "valor": "63" },
    { "codigo": "3132206", "nome": "ITAGUARA", "valor": "842" },
    { "codigo": "3133709", "nome": "ITATIAIUCU", "valor": "" },
    { "codigo": "3134608", "nome": "JABOTICATUBAS", "valor": "" },
    { "codigo": "3136603", "nome": "NOVA UNIAO", "valor": "" },
    { "codigo": "3136652", "nome": "JUATUBA", "valor": "" },
    { "codigo": "3137601", "nome": "LAGOA SANTA", "valor": "" },
    { "codigo": "3140159", "nome": "MARIO CAMPOS", "valor": "26" },
    { "codigo": "3140704", "nome": "MATEUS LEME", "valor": "57" },
    { "codigo": "3141108", "nome": "MATOZINHOS", "valor": "" },
    { "codigo": "3144805", "nome": "NOVA LIMA", "valor": "87" },
    { "codigo": "3149309", "nome": "PEDRO LEOPOLDO", "valor": "126" },
    { "codigo": "3153905", "nome": "RAPOSOS", "valor": "21" },
    { "codigo": "3154606", "nome": "RIBEIRAO DAS NEVES", "valor": "19" },
    { "codigo": "3154804", "nome": "RIO ACIMA", "valor": "" },
    { "codigo": "3155306", "nome": "RIO MANSO", "valor": "" },
    { "codigo": "3156700", "nome": "SABARA", "valor": "" },
    { "codigo": "3157807", "nome": "SANTA LUZIA", "valor": "1247" },
    { "codigo": "3162922", "nome": "SAO JOAQUIM DE BICAS", "valor": "" },
    { "codigo": "3162955", "nome": "SAO JOSE DA LAPA", "valor": "" },
    { "codigo": "3165537", "nome": "SARZEDO", "valor": "" },
    { "codigo": "3168309", "nome": "TAQUARACU DE MINAS", "valor": "" },
    { "codigo": "3171204", "nome": "VESPASIANO", "valor": "" }
  ];
</script>

Obs: As informações contida na propriedade "valor" são fictícias, geradas aleatóriamente para este exemplo. Fonte: IBGE/UF