Reestabelecimento de Traçado de Linhas e Polígonos com Medição de Distâncias
Em julho de 2023, introduzimos no SISDREN a funcionalidade de desenho de linhas e polígonos diretamente
sobre o mapa, com a exibição de distâncias, perímetros e áreas das figuras traçadas. Essa nova ferramenta,
baseada na biblioteca
mapbox/mapbox-gl-draw, proporcionou um avanço significativo nas capacidades de análise
espacial da plataforma.
No entanto, em julho de 2024, a atualização para a versão
3.5.0 da
biblioteca Mapbox GL JS trouxe mudanças substanciais que impactaram diretamente o
funcionamento da ferramenta de desenho. A transição para o TypeScript e as alterações nas tipagens
causaram incompatibilidades parciais com mapbox/mapbox-gl-draw, impedindo a exibição das
medidas de área, perímetro e comprimento. O anúncio da nova versão foi publicado em
https://github.com/mapbox/mapbox-gl-js/issues/13203
e dizia que:
The GL JS v3.5.0 release marks a significant transition for GL JS, moving from Flow to TypeScript. While we have maintained backward compatibility where possible, the community typings @types/mapbox-gl are not fully compatible with the new first-class typings. Users relying on the community typings may experience breaking changes.
Adaptamos o SISDREN à nova versão do Mapbox GL JS, buscando sempre as mais recentes melhorias
e correções a serem publicadas em futuras versões. A atualização regular de bibliotecas sobre as quais o
SISDREN é desenvolvido, sobretudo StencilJS, Mapbox e TailwindCSS é um desafio constante, pois exige um
trabalho de acompanhamento de novas versões, testes e eventuais adaptações para garantir a compatibilidade
e o funcionamento adequado do sistema. No entanto, essa prática é essencial para manter o SISDREN
atualizado com as últimas tecnologias, corrigir vulnerabilidades e aproveitar novas funcionalidades,
proporcionando assim um sistema mais robusto e eficiente.
Em dezembro de 2024, a biblioteca mapbox/mapbox-gl-draw foi atualizada para a versão
v1.5.0, restabelecendo a
compatibilidade com a nova versão do Mapbox GL JS. Com essa atualização, conseguimos solucionar os
problemas causados pela transição e restaurar a funcionalidade completa da ferramenta de desenho e
medição.
Benefícios da solução:
- Restauração da funcionalidade: A ferramenta de desenho e medição está novamente disponível com todas as suas funcionalidades originais.
- Melhoria da performance: A nova versão da biblioteca mapbox/mapbox-gl-draw oferece um desempenho otimizado e uma experiência de usuário mais fluida.
- Compatibilidade futura: A adaptação do SISDREN para acompanhar as futuras versões do Mapbox GL JS garante a longevidade da ferramenta e a possibilidade de incorporar novas funcionalidades.
- Desabilitação dos outros eventos de clique sobre o mapa: foi implementado um mecanismo que isola os eventos de clique relacionados ao desenho e à medição. Essa solução evita conflitos com outros eventos de mouse sobre o mapa do SISDREN, como a seleção de feições (clique do mouse) ou o destaque ("highlight") quando passamos o mouse sobre o nome da feição geográfica, garantindo uma experiência mais fluida e precisa.
Tooltips
Adicionamos balões com dicas de ferramentas (tooltips) para os botões nas abas de propriedades de bacias hidrográficas, hidrografia, reservatórios e etc. Basta pousar o mouse sobre os botões para visualizar as suas legendas.