more info also here: http://blog.sumbera.com/2015/08/14/svg-fast-scaled-overlay-on-leaflet-1-0/
compare to default SVG circle overlay here:http://bl.ocks.org/Sumbera/dcfcc3887ff56a9e1928
- scaled SVG draw prototype on top of Leaflet 1.0 beta
- note it uses L.map patch to get it working right
- SVG data are not modified, only scaled and optionaly radius/stroke width etc. can be specified on onScaleChange callback
- this approach make it faster for zoom-in/out than default leaflet implementation or default approach that re-calculates point view coordinates with each scal echange
- “S” in SVG is for “Scalable” so why not to leverage it
- very experimental, this is already 3rd attempt, 1st one was using absolute pixel coordinates, but had problems on IE and FF with large numbera (>1M) in transform
- this sample is using 24T real-data sample points, some points are overlapping so they are brighter
- best performance in Chrome, FF is much worse and Ie is very bad
compare to Canvas based rendering with same data here:http://bl.ocks.org/Sumbera/11114288