javascript - How to keep out of viewport leaflet polylines rendered at all times? -


whenever move view on leaflet map, polylines centers no longer in view removed. have polyline large stroke size (~500px) not visible when part of should be. same problem can observed when dragging map, polylines not redrawn until drag ends. example shown below.

the left part of polylines not drawn until drag ends

i have tried adding listener leaflet remove event not triggering. tried overriding onremove method polyline did not work. around have made map bigger screen, causes slowdown.

i assume performance feature remove non-visible polylines map. know if can disabled?

i needed set l.path.clip_padding.

found looking through closed issues on github repo. https://github.com/leaflet/leaflet/issues/2814.

also in docs: http://leafletjs.com/reference.html#path-clip_padding

"how extend clip area around map view (relative size, e.g. 0.5 half screen in each direction). smaller values mean see clipped ends of paths while you're dragging map, , bigger values decrease drawing performance."


Comments