O objetivo desse desafio é construir uma interface com mapa e desenhar geometrias vindas de uma API REST.
A interface deve ter as seguintes interações: Zoom (mais e menos) e quando clicar sobre de uma geometria desenhada no mapa, deve abrir popup com os os dados da geometria.
- Integração com webservice REST (http://geoserver-dev.sgt2.com.br/geoserver/asset/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=asset%3APropriedades3&maxFeatures=50&outputFormat=application%2Fjson).
- Utilizar um componente de mapa.
- Habilitar os controles de Zoom.
- Desenhar as geometrias.
- Implementar popup com os dados.
- A interface deve ser responsiva.
- Se comportar bem independente do tamanho da tela.
- Documente no arquivo README decisões de projeto e como rodar o projeto.
- Animações, transições...
- Fique livre para inovar no estilo/design/CSS.
- Código bem formatado/legível.
- As informações de retorno do webservice é em json, mas na convenção para GIS (http://wiki.geojson.org/GeoJSON_draft_version_6).
- Usamos as seguintes frameworks/bibliotecas/ferramentas de map: Leafletjs e OpenLayers.
- É permitido o uso de frameworks/bibliotecas/ferramentas JavaScript(Angular 4 ou superior, React, Vuejs, Webpack...).
- É permitido o uso de frameworks/bibliotecas/ferramentas CSS(Bootstrap, UIKit, Sass, Less...).
- Deve ser usado GIT para versionamento.
- Qualquer problema/dúvida técnica não descrita aqui deve ser considerado parte do desafio, use do seu bom senso e experiência.
Nos comunique através de e-mail, com um link para um repositório público no GitHub.
Ao completar o desafio não implica em nenhum vínculo nem obrigação da 4Asset com você. Todo o código criado será descartado. Esse teste usa elementos reais de necessidades da 4Asset apenas como uma maneira de avaliarmos sua aptidão para o cargo.
Valorizamos muito a capacidade de nos surpreender!
Boa sorte :)