Completed

Integração Osm (leaflet) ao projeto React Mui

Published on the April 30, 2024 in IT & Programming

About this project

Open

Busco profissional para auxiliar na integração dessa lib ao projeto react que estou atuando.

O que precisa ser feito:

Uma nova aba será adicionada ao fluxo web, nela conterá os seguintes fluxos:

Ver Redes

Exibe um mapa com todas as redes cadastradas (caso o usuário esteja especificado para um local, retornará apenas para este local em particular);

O mapa das redes terá:

Uma legenda com os icones;

Os ícones que se conectarão a partir das redes e subredes (considerando o fluxo de montante e jusante);

Ao interagir com algum ícone, deverá:

Se for Subrede, exibir a foto e as informações de descrição e afins;

Se for principal, exibir a foto e as informações detalhadas e afins;

Caso o usuário interaja com a linha, e caso exista uma inspeção associada ao trecho, exibir as fotos (Ponto inicial e Ponto final), o vídeo da inspeção (ou o link do dropbox) e possibilidade para baixar o PDF;

Ver Inspeções

Exibe campos para filtros de exportação (gera um PDF com essas infos e baixa automaticamente);

Exibe uma lista com todas as inspeções realizadas, a partir dela, o usuário pode visualizar informações resumidas como:

Ponto inicial, Ponto Final, data de execução, status do vídeo (se já está no dropbox ou sendo processado pelo backend), e ao interagir com algum item, deverá exibir um Modal que exibirá de forma resumida:

Informações do ponto inicial e final, o vídeo da inspeção, possibilidade para baixar o PDF específico;

- Como a precisão do dispositivo não é 100%, precisamos poder ajustar a posição passando lat long do ponto capturado em mapa.

- Ao clicar em gerar relatório, retornará uma lista com os pontos de rede que estarão presentes no relatório, preciso que a partir desses pontos, seja gerada uma imagem via satélite com os pontos marcados e linhas ligando os relacionados. Essa imagem será enviada ao backend, pois deverá estar presente no pdf gerado.

Project overview

Projeto já em andamento, preciso apenas finalizar a integração com o mapa nessas especificações

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
API Integrations Other (Other APIs)
Roles needed Developer

Delivery term: May 08, 2024

Skills needed

Other projects posted by Alexan.