vue-leaflet/Vue2Leaflet

L-Icon createIcon every frame

Open

#407 ouverte le 26 juin 2019

Voir sur GitHub
 (6 commentaires) (2 réactions) (0 assignés)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

Guide contributeur

Stack technique
javascriptvue
Domaine
performance
Type d'issue
performance
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
basic Vue.jsLeaflet basics
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
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.