Crie, edite e visualize dados GeoJSON com um mapa interativo. Desenhe pontos, linhas e polígonos, edite coordenadas e exporte seus dados geográficos.
Features
- Mapa interativo: Visualize e interaja com dados geográficos em um mapa interativo alimentado por Leaflet. Mova, amplie e explore suas características GeoJSON.
- Desenhar características: Desenhe pontos, linhas e polígonos diretamente no mapa. Suporte para Point, LineString, Polygon e suas variantes Multi.
- Editar características: Edite características existentes arrastando vértices, modificando coordenadas e atualizando propriedades. Exclua características indesejadas com um clique.
- Editor JSON e sincronização em tempo real: Edite código GeoJSON diretamente com destaque de sintaxe. Alterações no mapa, editor JSON ou visualização de tabela são sincronizadas automaticamente em todas as visualizações para edição perfeita.
Use Cases
- Aplicações GIS: Crie e edite dados geográficos para aplicações GIS, serviços de mapeamento e ferramentas de análise espacial.
- Mapeamento web: Gere dados GeoJSON para bibliotecas de mapeamento web como Leaflet, Mapbox e Google Maps API.
- Serviços de localização: Defina áreas de serviço, zonas de entrega e limites geográficos para serviços baseados em localização.
- Visualização de dados: Crie conjuntos de dados geográficos para visualização de dados, mapas coropléticos e painéis interativos.
Usage Guide
- Desenhar características: Clique nos botões de desenho (Ponto, Linha, Polígono) e clique no mapa para criar características.
- Editar características: Clique em 'Modo de edição' e arraste vértices para modificar formas de características. Clique em 'Modo de exclusão' para remover características.
- Editar JSON: Mude para a aba Editor JSON para editar código GeoJSON diretamente. As alterações são sincronizadas automaticamente com o mapa.
- Exportar dados: Clique em 'Salvar como' para baixar seu arquivo GeoJSON, ou 'Copiar GeoJSON' para copiar para a área de transferência.
Technical Details
Especificação do formato GeoJSON
GeoJSON é baseado em JSON e segue a especificação RFC 7946. Usa o sistema de referência de coordenadas WGS84 (CRS:84). As coordenadas são armazenadas como arrays [longitude, latitude]. O formato suporta FeatureCollection (array de características), Feature (geometria + propriedades) e objetos Geometry. Cada geometria tem um campo 'type' (Point, LineString, Polygon, etc.) e um campo 'coordinates' contendo arrays de coordenadas.
Integração Leaflet
O editor usa Leaflet.js, uma biblioteca JavaScript de código aberto para mapas interativos. Leaflet fornece renderização de mapas, camadas de tiles (OpenStreetMap) e controles de interação. O plugin leaflet-draw permite desenhar e editar características no mapa. As características são renderizadas como camadas Leaflet (Marker, Polyline, Polygon) e sincronizadas com a estrutura de dados GeoJSON.
Sincronização em tempo real
O editor mantém sincronização bidirecional entre visualização do mapa, código JSON e visualização de tabela. Quando características são desenhadas no mapa, GeoJSON é atualizado. Quando JSON é editado, o mapa é renderizado novamente. Alterações na visualização de tabela atualizam tanto o mapa quanto JSON. Isso é alcançado através de ouvintes de eventos e gerenciamento de estado usando React hooks.
Frequently Asked Questions
- O que é GeoJSON e para que é usado?
- GeoJSON é um formato baseado em JSON para codificar estruturas de dados geográficos. É usado para: 1) Aplicações de mapeamento web (Leaflet, Mapbox, Google Maps); 2) Intercâmbio de dados de software GIS; 3) APIs e serviços geográficos; 4) Visualização de dados e painéis; 5) Serviços baseados em localização; 6) Análise espacial e bancos de dados geoespaciais. GeoJSON é legível por humanos, fácil de analisar e amplamente suportado em todas as plataformas.
- Qual sistema de coordenadas o GeoJSON usa?
- GeoJSON usa o sistema de referência de coordenadas WGS84 (Sistema Geodésico Mundial 1984), também conhecido como EPSG:4326. As coordenadas são armazenadas como arrays [longitude, latitude]. A longitude varia de -180° (oeste) a 180° (leste), a latitude de -90° (sul) a 90° (norte). Este é o mesmo sistema de coordenadas usado pelo GPS e pela maioria dos serviços de mapeamento web.
- Como desenho um polígono no mapa?
- Clique no botão 'Desenhar polígono', depois clique no mapa para colocar vértices. Clique no primeiro ponto novamente ou dê um duplo clique para terminar o polígono. Você pode editar o polígono clicando em 'Modo de edição' e arrastando vértices. Para excluir, clique em 'Modo de exclusão' e clique na característica.
- Posso importar arquivos GeoJSON existentes?
- Sim, clique no botão 'Abrir' e selecione um arquivo GeoJSON do seu computador. O arquivo será carregado e exibido no mapa. Formatos suportados: arquivos .geojson, .json contendo dados GeoJSON válidos. O editor valida o formato do arquivo antes de importar.
- Meus dados são armazenados em um servidor?
- Não, todo o processamento acontece localmente no seu navegador. Seus dados GeoJSON nunca são enviados para nenhum servidor, garantindo privacidade e segurança de dados completas. Você pode trabalhar offline após o carregamento inicial da página.
Related Documentation
- RFC 7946 - O formato GeoJSON - Especificação oficial GeoJSON
- Documentação Leaflet.js - Documentação da biblioteca de mapas interativos
- GeoJSON.io - Referência do editor GeoJSON online
- OpenStreetMap - Tiles de mapa gratuitos e dados geográficos