0

I am building a web application with Angular and (Angular) Leaflet which includes a map with several hundreds markers in one area. Right now, all of our markers are simple L.circleMarkers. However as we need to reload these markers quite often and therefore have a bad performance, I thought about using geoJson. I did a bit research but could not find a real comparison of the simple markers and those geoJson markers.

So now I would like to know, if geoJson markers would be an applicable option or do they not really perform better than simple markers in large groups and frequent reloading. (If someone knows a even better way please feel free telling me so).

Thanks in advance!

threxx
  • 1,213
  • 1
  • 31
  • 59

3 Answers3

1

I did a bit research but could not find a real comparison of the simple markers and those geoJson markers.

For Leaflet, they are exactly the same - when a piece of GeoJSON data is parsed, normal markers are spawned.

You should research more into what is your real bottleneck - use the profiling functionalities of your web browser's javascript debugger and see if there are delays in the network. Data processing shouldn't be a problem unless you're into the megabyte order of magnitude.

IvanSanchez
  • 18,272
  • 3
  • 30
  • 45
0

Hundreds of markers is a lot, even if they are just circle markers (i.e. SVG).

The usual work around is to cluster them (e.g. using Leaflet.markercluster plugin), or to switch to canvas-based rendering instead of SVG.

ghybs
  • 47,565
  • 6
  • 74
  • 99
0

I would recommend take a look into clustering concept, if you want to show lot of markers in small area. https://github.com/tombatossals/angular-leaflet-directive/tree/master/examples/ 0509-markers-clustering-example.html

spy
  • 39
  • 6