MapFilter Page - criar a visualização dos pins de acordo com as ocorrências

[barbarabea]

Descrição do Problema

Na tela map-filter, o cliente solicita que seja visualizado o mapa com os pins das ocorrências declaradas no banco de dados nos últimos anos. Não é necessário visualizar ocorrências muito antigas, pois podem fornecer um cenário que não existe mais.

Solução Proposta

• A solução no backend já está desenvolvida, na tela de autorização na opção de visualizar o mapa já são retornadas todas as coordenadas e respectivas violências das ocorrências registradas no banco de dados. Contudo, é necessário implementar uma janela temporal, retornando apenas as ocorrências dos últimos 5 anos. Futuramente discutir com o cliente quanto tempo é mais adequado.
• Além disso, é necessário traduzir esses dados para gerar os pins. Nesse primeiro momento, ainda não implementar a distinção de cores nem o filtro.

Tarefas

• Alteração do backend para enviar apenas as ocorrências ocorridas nos últimos 5 anos;
• Estudar a API Leaflet;
• Encaminhar os dados do banco obtidos na tela de autorização para a tela map-filter;
• Implementação de um loop para gerar todos os pins.

Critérios de Aceitação

• Visualização adequada do mapa
• Envio apenas da ocorrências dentro da janela temporal solicitada

Recursos

• Documentação do react: React Documentation
• Documentação do leaflet: Leaflet Documentation