✨ Melhoria na performance do mapa
🙋 Histórias de usuário
📖 Implementações
-
🐎 O problema que estava enfrentando com o Mapbox era a lentidão apresentada ao adicionar qualquer feature/layer. Identifiquei que o problema estava relacionado à forma como a referência do mapa estava sendo gerenciada. Inicialmente, estava sendo armazenada na store (estado global), porém era referenciada nos componentes para executar operações no mapa, seguindo uma abordagem semelhante à utilizada no Leaflet (forma antiga). No entanto, o Mapbox não lida de forma eficiente com essa abordagem. Após uma série de testes e tentativas, foi necessário um período significativo para chegar a essa conclusão. Foram realizados diversos testes e experimentos para isolar e identificar a fonte do problema, demandando um esforço considerável a solução correta foi centralizar todas as operações relacionadas ao mapa em um único local, utilizando a store. Dessa forma, removi todas as referências aos mapas nos componentes e centralizei tudo na store. A criação deste card inicialmente propôs a remoção completa do plugin nuxt-mapbox, presumindo que o problema estivesse relacionado a ele. No entanto, após remover o plugin, não houve melhora no desempenho, indicando que o problema não estava relacionado ao plugin em si, mas sim à forma como as operações no mapa estavam sendo realizadas. Optei por manter o plugin pois ele traz alguns recursos interessantes como acessar a instancia do mapa para consultar algumas informações do mapa e os controladores, os controladores como logo da hex e informação de lat/lng do mouse ele facilita a criação de controladores então optei por manter.
