vue-leaflet/Vue2Leaflet

L-Icon createIcon every frame

Open

#407 aberto em 26 de jun. de 2019

Ver no GitHub
 (6 comments) (2 reactions) (0 assignees)JavaScript (1.942 stars) (380 forks)batch import
bugconfirmedhelp wanted

Description

Description

Hello. Google chrome profiler show me CreateIcon -> SetIcon every frame. How can i prevent this?

Live Demo

https://jsfiddle.net/0b1p72o3/3/

Steps to Reproduce

F12 -> Performance -> Record 4 sec -> Open "Frame" in profile result

Versions

  • Leaflet: v1.5.1
  • Vue: v2.6.10
  • Vue2Leaflet: v2.1.1

Guia do colaborador

Pilha de tecnologia
javascriptvue
Domain
performance
Tipo Issue
performance
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
half day
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
mostly clear
Prerequisites
basic Vue.jsLeaflet basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
40
Direção de pesquisa
Investigate the LIcon component in Vue2Leaflet (likely LIcon.vue) to understand why createIcon is called every frame. Check if the leaflet icon instance is being recreated on each update due to Vue reactivity. Consider using computed properties or caching the icon to prevent re creation. Look at the jsfiddle demo to reproduce and confirm the issue. Explore Leaflet's Icon documentation for proper usage.