vue-leaflet/Vue2Leaflet

L-Icon createIcon every frame

Open

#407 geöffnet am 26. Juni 2019

Auf GitHub ansehen
 (6 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)JavaScript (1.942 Stars) (380 Forks)batch import
bugconfirmedhelp wanted

Beschreibung

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

Contributor Guide

Tech Stack
javascriptvue
Domain
performance
Issue Type
performance
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
basic Vue.jsLeaflet basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
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.