Aplicação web para visualização e análise de dados geoespaciais com integração do ArcGIS JS API.
🔗 Acesso Online: plataforma-geoespacial.vercel.app
- Mapa interativo usando ArcGIS JS API
- Busca de bairros e features geográficas
- Interface moderna com Vue 3 e Vuetify
| Tecnologia | Função | Versão |
|---|---|---|
| Vue 3 | Framework frontend | 3.5.13 |
| Vite | Build tool | 6.2.1 |
| ArcGIS JS API | Mapeamento geoespacial | 4.32.9 |
| Pinia | Gerenciamento de estado | 3.0.1 |
| Vuetify | Componentes UI | 3.8.0 |
- Node.js 18+
- npm 9+
git clone https://github.com/paulofsnunes/plataforma-geoespacial
cd plataforma-geoespacial
npm install
cp .env.example .env
Variáveis de Ambiente (.env)
Configure no arquivo .env as seguintes variáveis para conexão com os serviços ArcGIS:
VITE_BAIRROS_LAYER_URL=https://arcgis-ope.codexremote.com.br/server/rest/services/Hosted/Camadas_Teste/FeatureServer/4
VITE_EIXOS_LAYER_URL=https://arcgis-ope.codexremote.com.br/server/rest/services/Hosted/Camadas_Teste/FeatureServer/2
VITE_REGIOES_LAYER_URL=https://arcgis-ope.codexremote.com.br/server/rest/services/Hosted/Camadas_Teste/FeatureServer/3
VITE_PONTOS_LAYER_URL=https://arcgis-ope.codexremote.com.br/server/rest/services/Hosted/Camadas_Teste/FeatureServer/1- Crie um arquivo
.envna raiz do projeto. - Copie o conteúdo acima para o arquivo.
- Para desenvolvimento local, use
.env.local(já incluído no.gitignore).
plataforma-geoespacial/
├── src/
│ ├── assets/ # Recursos estáticos (imagens, estilos)
│ ├── components/ # Componentes Vue
│ │ ├── MainHeader.vue # Cabeçalho da aplicação
│ │ ├── MapView.vue # Mapa interativo (ArcGIS)
│ │ └── SideMenu.vue # Painel lateral de informações
│ ├── plugins/ # Plugins do Vue
│ │ └── vuetify.js # Configuração do Vuetify
│ ├── router/ # Gerenciamento de rotas
│ │ └── index.js # Definição das rotas
│ ├── stores/ # Gerenciamento de estado (Pinia)
│ │ └── mapStore.js # Configurações do mapa e camadas
│ ├── views/ # Páginas/views principais
│ │ ├── App.vue # Componente raiz
│ │ └── main.js # Inicialização da aplicação
│ └── .env # Variáveis de ambiente (gitignorado)
├── public/ # Arquivos públicos
│ └── index.html # Template HTML principal
├── .gitattributes # Configurações do Git
├── .gitignore # Arquivos ignorados pelo Git
├── package.json # Dependências e scripts
├── vite.config.js # Configuração do Vite
├── jsconfig.json # Configuração do JavaScript
├── README.md # Documentação do projeto
└── (arquivos de configuração)/
├── .editorconfig # Padrões de edição
├── .prettierrc.json # Configuração do Prettier
└── eslint.config.js # Regras do ESLint
| Comando | Descrição | Ambiente |
|---|---|---|
npm run dev |
Inicia servidor local (porta 3000) | Desenvolvimento |
npm run build |
Gera versão para produção | Produção |
npm run preview |
Testa o build localmente | Teste |
npm run lint |
Verifica qualidade do código | QA |