La garantía soy

Minha foto
Programar é dar a vida a um ser que ainda não existe..

Desenvolvimento de aplicação com Mapa.. (dicas)

Depois de um bom tempo sumido desse blog, decidi retornar com minhas anotações e compartilhar algumas descobertas e experiencias.. dessa vez compartilhando algumas dicas interessantes para quem vai iniciar o desenvolvimento com API de mapa tipo, Google Maps Api ou Leaftlet (OSM).. desafios que provavelmente irá enfrentar..

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:

  1. Divisão em Layers
  2. Utilizar zoom para exibir/ocultar Layers 
  3. Criação de Cluster 
  4. Filtrar ao selecionar o Cluster
  5. Cache da primeira Layer
  6. Regras de limpeza da Layer
  7. Eventos em Lazy-load (mouseover, mouseout, click, blclick..) 

LinkWithin

Related Posts Plugin for WordPress, Blogger...

Cadastre-se e Receba Atualizações.