jperelli / vue2-leaflet-markercluster

markercluster plugin extension for vue2-leaflet package
MIT License
132 stars 55 forks source link

Over 20k markers memory leak #37

Open Makapashev opened 4 years ago

Makapashev commented 4 years ago

Hi, I've connected vue2leaflet to vuex state value coordinates and render it like this: image

I have more than 20k markers, and it takes more than 700mb of memory and extremly freezing the page during the render, but when i render these coordinates from component data directly it takes just 200mb and still freezing little bit, but at this point i can't maniputlate markers on map by filters which user have been set. image

How can i solve this problem? Please help.

"vue2-leaflet": "^2.5.2", "vue2-leaflet-markercluster": "^3.1.0","vuex": "^3.1.1", "vue": "^2.6.10",

joesoeph commented 2 years ago

[SOLUTION] I have the same issue, hope to find the solution. I have the solution. You can use geojson format instead of looping on leaflet marker. The live example you can check out https://codesandbox.io/s/xplrrqpjop. You can use https://www.convertcsv.com/csv-to-geojson.htm to convert and upload in your GIST to try this.

I have no idea to use others. Maybe somebody to help fix this issue