Correção nas rotas e abertura no mapa nas coordenadas corretas, envio cidade estado e coordenada para o backend
Closed this issue · 0 comments
izabellerivas commented
Descrição do Problema
Atualmente, ao iniciar o registro é questionado ao usuário se ele permite o acesso a localização. Caso ele não autorize, é solicitado a cidade e estado em que deseja visualizar o mapa para selecionar o local da violência. Contudo, apenas ao final do formulário, o mapa é aberto e o usuário seleciona as coordenas. Além disso, o mapa não está abrindo na localização do usuário, nem no estado informado. A coordenada selecionada não está mostrando na tela map-page
nem sendo enviada ao banco de dados. A cidade e o estados correspondente à coordenada também não está sendo enviada.
Solução Proposta
- Mudar a ordem do formulário, apenas ao final questionar ao usuário se ele autoriza a localização. Para tanto, é necessário também mudar o número das perguntas e das páginas;
- Passar as coordenas do usuário, ou as coordenadas da cidade informada, para a tela
map-adress
utilizandohooks
doreact
. - Realizar o envio para o backend das coordenadas que o usuário selecionou (pin)
- Capturar a cidade e o estado referentes às coordenadas selecionadas e enviar para o backend.
Tarefas
- Mudar rotas do frontend;
- Mudar índice das perguntas e das páginas;
- Abrir o mapa na coordenada correta;
- Na tela
map-page
, mostrar o pin selecionado pelo usuário; - Por meio da API
Nominatim
, pegar a cidade e o estado correspondente à coordenada selecionada e enviar para o backend; - Realização de testes.
Critérios de Aceitação
- Correta conexão entre as telas do formulário;
- Visualização correta do mapa na tela
map-adress
; - Visualização correta do pin selecionado na tela
map-page
; - Envio e armazenamento correto para o backend da coordenada do local da violência;
- Envio e armazenamento correto para o backend da cidade do local da violência;
- Envio e armazenamento correto para o backend do estado do local da violência;
Recursos
- Documentação do
Nominatim
: Nominatim Documentation - Documentação do
React
: React Documentation - Documentação do
Leaflet
: Leaflet Documentation