1. Logo SISDREN SISDREN Docs
  2. Releases

Traçado com Medição de Distâncias e Tooltips


Reestabelecimento de Traçado de Linhas e Polígonos com Medição de Distâncias

Traçado de polígono com cálculo de área e perímetro
Traçado de polígono com cálculo de área e perímetro

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.
Antes desta atualização: traçado de polígono com interferência de eventos de mouse do mapa
Com esta atualização: traçado de polígono sem interferência de eventos de mouse do mapa

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.

Tooltips
Tooltips: balões de dicas das funcionalidades