Como colocar um mapa do Brasil com bandeira num projeto
Eu preciso disso toda vez que montei dashboard para prefeituras ou relatórios de exportação. O problema não é difícil, mas tem detalhes que fazem você perder uma tarde se não souber onde olhar.
Mapa do Brasil com bandeira — o que você realmente precisa
O arquivo que a maioria das pessoas procura é um SVG dos estados brasileiros sobrepostos a um fundo branco com a bandeira nacional em algum canto. Dá pra encontrar pronto em repositórios open source ou gerar com bibliotecas como Leaflet + tiles do IBGE. A versão mais usada tem 27 paths (26 estados + DF), cada um com o ID correto pra ligação com dados geoespaciais. O meu primeiro encontro ruim foi quando usei um SVG genérico que vinha com os nomes dos estados em inglês. Tive que cruzar manualmente cada path com a tabela do ibge.gov.br/estatistica/numericas. Perdi umas duas horas. A solução foi baixar o shapefile oficial do IBGE, converter pros SVG usando QGIS, e depois inserir a bandeira como um overlay PNG posicionado com CSS absoluto. Isso resolveu o problema de mapeamento e ainda deixou o arquivo leve.
Passo a passo prático
Depois que tiver o SVG dos estados, o próximo passo é adicionar a bandeira. Eu costumo usar um PNG da bandeira em 1:2 escala, com transparência, e posicionar no canto superior direito. A largura fica entre 80 e 120 px dependendo do tamanho total do mapa. Se o projeto for responsivo, use uma media query pra diminuir a bandeira em telas menores. Isso evita que ela cubra a região Norte, que já é bem vasta por si só. Para baixar pronto: há projetos no GitHub como o "brasil-map-svg" que já entregam o SVG completo. Mas eu recomendo sempre verificar a versão do shapefile usado. O IBGE mudou a divisão das microrregiões em 2022, e mapas mais antigos podem ter fronteiras desatualizadas.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Dica técnica que poucos mencionam
A maioria das pessoas usa o padrão WGS84 (EPSG:4326) e depois transforma pros tiles web. O problema é que essa projeção distorce bastante o norte do Brasil. Se o seu relatório foca emas ou no Pantanal, use a projeção Lambert Conformal Conic. Fica mais preciso e ainda mantém a forma dos estados legível. É um ajuste que leva 5 minutos no QGIS mas que melhora muito a qualidade visual. Outro ponto: a bandeira não deve ficar sobre nenhum estado específico, especialmente Acre e Roraima. Use um espaço vazio no canto superior direito, entre o Pará e o Maranhão, que é a área mais livre no mapa.
Limitações que você precisa saber
O SVG não é ideal para mapas interativos com muitos dados. Se você precisar de hover, zoom e tooltips, considere usar Leaflet ou Mapbox GL. O SVG fica pesado e a interatividade depende de JavaScript customizado. Para relatórios estáticos, como PDFs ou print de tela, o SVG funciona bem e carrega rápido. Se o projeto exige atualização frequente dos dados, mantenha o shapefile oficial como fonte. Atualizações anuais do IBGE corrigem fronteiras e nomes. Mapas gerados de fontes não oficiais ficam desatualizados e podem causar erro em cruzamentos de dados.
Conclusão prática
Eu uso esse fluxo em pelo menos três projetos por ano. O tempo médio de produção é de 30 minutos se o SVG já estiver pronto. Se precisar baixar e transformar do shapefile, sobe pra 1 hora e meia. A principal armadilha é a fonte dos dados: sempre IBGE, sempre versão mais recente. O resto é posições e estilos.
