Em aplicações que permitem realizar rastreamento de ativos, ou exibição de muitos marcadores (Markers), dependendo da quantidade exigirá que tenha algumas estratégias para minimizar tanto a carga de dados quanto, a manipulação dos mesmos..
No meu caso tive uma quantidade absurda de ativos para tratar acima de 50k.. Logo tive que aplicar medidas para melhorar o desempenho e de forma e tornar fluída a navegação na aplicação..
Utilizei o angular-google-maps como lib para construção da minha app, bem documentado e com a comunidade bastante ativa, não vou entrar em detalhes de implementação apenas apresentar algumas lições aprendidas.
Estratégias utilizadas:
- Divisão em Layers
- Utilizar zoom para exibir/ocultar Layers
- Criação de Cluster
- Filtrar ao selecionar o Cluster
- Cache da primeira Layer
- Regras de limpeza da Layer
- Eventos em Lazy-load (mouseover, mouseout, click, blclick..)