vue-leaflet/Vue2Leaflet

L-Icon createIcon every frame

Open

Aperta il 26 giu 2019

Vedi su GitHub
 (6 commenti) (2 reazioni) (0 assegnatari)JavaScript (1942 star) (380 fork)batch import
bugconfirmedhelp wanted

Descrizione

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

Guida contributor

Tech stack
javascriptvue
Dominio
performance
Tipo issue
performance
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
half day
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
basic Vue.jsLeaflet basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
40
Direzione di ricerca
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.