Conversor GeoJSON para SVG
Converta GeoJSON para SVG (Scalable Vector Graphics) para mapas independentes de resolução e editáveis. Perfeito para logótipos, materiais impressos, apresentações e uso na web.
Porquê SVG?
Independência de Resolução
- Escala perfeitamente para qualquer tamanho sem perda de qualidade
- Pronto para impressão em qualquer resolução
- Ecrãs Retina/4K com aparência perfeita
- Zoom infinito sem pixelização
Editabilidade
- Abra no Illustrator, Inkscape ou Figma para edição avançada
- Altere cores, contornos, preenchimentos após exportação
- Adicione texto, anotações, logótipos com software de design
- Combine com outros gráficos facilmente
Amigável para Web
- Tamanhos de ficheiro pequenos para mapas simples
- Estilo com CSS — estilize com CSS em páginas web
- Animação com JavaScript — anime caminhos e propriedades
- Incorporação inline — cole diretamente no HTML
- Acessível — leitores de ecrã podem ler conteúdo SVG
Casos de Utilização
✅ Logótipos e branding — Mapas de localização de empresas
✅ Materiais impressos — Folhetos, cartazes, livros
✅ Gráficos web — Ícones, emblemas, elementos de UI
✅ Visualização de dados — Infográficos, dashboards
✅ Merchandising — T-shirts, autocolantes, canecas
✅ Apresentações — Slides que escalam lindamente
Como Converter
- Carregue o seu ficheiro GeoJSON (arraste e solte ou navegue)
- Visualize a renderização do mapa
- Formato definido automaticamente como SVG
- Descarregue o seu mapa vetorial
A ferramenta gera um código SVG limpo e otimizado que funciona em qualquer lugar.
Funcionalidades do SVG
O que Recebe
- Código limpo — Marcador SVG legível
- Formato padrão — Compatível com todas as ferramentas de design
- Caminhos otimizados — Simplificados para tamanhos de ficheiro menores
- viewBox adequado — Escala corretamente
- Projeção geográfica — Orientação norte para cima
Edite Após Exportação
Abra o seu SVG em:
- Adobe Illustrator — Edição vetorial profissional
- Inkscape — Alternativa gratuita e de código aberto
- Figma — Ferramenta de design baseada em navegador
- Sketch — Software de design para Mac
- Qualquer editor de texto — SVG é apenas XML
Opções de Estilo
- Cor do contorno — Cor da linha para limites
- Espessura do contorno — Espessura da linha
- Cor de preenchimento — Cor interior do polígono
- Opacidade — Níveis de transparência
- Fundo — Transparente ou colorido
Casos de Utilização Comuns
Design & Branding
- Mapas de localização de empresas para websites
- Mapas de cobertura regional para marketing
- Mapas de áreas de serviço para apresentações
- Conjuntos de ícones a partir de geometrias simples
Publicação Impressa
- Ilustrações para livros — Guias de viagem, manuais escolares
- Gráficos para revistas — Mapas editoriais
- Cartazes — Mapas de eventos, materiais de conferência
- Cartões de visita — Mapas de localização em cartões
Desenvolvimento Web
- Mapas interativos com CSS/JS
- Caminhos animados — Animações de desenho
- Gráficos responsivos — Escalam com o viewport
- Bibliotecas de ícones — Ícones de mapas reutilizáveis
Merchandising
- Designs para t-shirts — Contornos de estados/países
- Autocolantes — Formas geográficas
- Canecas e copos — Produtos baseados em localização
- Cartazes — Arte minimalista de mapas
Dicas para Melhores Resultados
Otimização do Tamanho do Ficheiro
- Simplifique geometrias antes de exportar (use GeoJSON Minifier)
- Remova atributos desnecessários das propriedades do GeoJSON
- Una polígonos adjacentes sempre que possível
- Use menos dígitos de precisão nas coordenadas
Dicas de Design
- Mantenha simples — SVG funciona melhor para mapas limpos e claros
- Use cores sólidas — Evite gradientes complexos
- Teste em diferentes tamanhos — Garanta legibilidade ao escalar
- Considere a proporção entre contorno e preenchimento — Contornos grossos podem sobrecarregar mapas pequenos
Desempenho na Web
- Incorpore SVGs pequenos inline — Insira diretamente no HTML
- Ficheiros externos para mapas grandes — Ligue ao ficheiro .svg
- Carregamento preguiçoso — Carregue SVG quando visível
- Comprimir — Use SVGO ou ferramentas semelhantes para otimização
Detalhes Técnicos
Projeção
- Web Mercator por padrão (padrão para mapas web)
- Eixo Y invertido para que o norte fique para cima (SVG tem Y para baixo por padrão)
- Coordenadas preservadas para representação geográfica precisa
Estrutura SVG
xml
<svg viewBox="minX minY width height">
<path d="M x,y L x,y..." />
<!-- Um caminho por elemento -->
</svg>Compatibilidade com Navegadores
- ✅ Todos os navegadores modernos (Chrome, Firefox, Safari, Edge)
- ✅ IE 9+ (suporte básico)
- ✅ Navegadores móveis (Safari iOS, Chrome)
Perguntas Frequentes
Posso editar o SVG após exportação?
Sim! Abra-o em qualquer editor vetorial (Illustrator, Inkscape, Figma, etc.) para alterar cores, adicionar texto ou modificar formas.
O SVG suporta transparência?
Sim, o SVG suporta nativamente fundos transparentes e níveis de opacidade.
Qual é o tamanho do ficheiro?
Os ficheiros SVG geralmente são pequenos (alguns KB) para mapas simples. Mapas complexos com muitos elementos serão maiores.
Posso usar SVG para impressão?
Claro! O SVG é independente de resolução e perfeito para impressão em qualquer tamanho.
Como altero as cores?
Num editor de texto, encontre os atributos stroke e fill e altere os valores de cor. Ou use software de design para edição visual.
Posso animar mapas SVG?
Sim! O SVG pode ser animado com CSS ou JavaScript. Cada caminho pode ser estilizado e animado individualmente.
A conversão é sem perdas?
Sim, os dados geográficos são preservados com precisão. Pode ocorrer alguma simplificação visual para formas muito complexas.
Veja Também
- GeoJSON para PNG — Imagem raster com transparência
- GeoJSON para JPEG — Imagem raster comprimida
- Voltar a Todos os Conversores