Compatibility issue with Leaflet's vector layer in overlayPane

[ghost]

When I added L.Polyline and R.Marker two SVG containers - each for every layer - are put inside <div class="leaflet-overlay-pane"></div> (called overlayPane)

• file: RaphaelLayer / src / layer / vector / Layer.Raphael.js
  • method _updateRaphaelViewport writes position changes (after e.g. drag&drop on map) to overlayPane
• file: Leaflet / src / layer / vector / canvas / Path.Canvas.js
  • method _updateSvgViewport writes position changes to appropriate SVG container

In this situation when I move my view, my polyline looses it's position.

I have suppressed this issue by changing line 69 in Layer.Raphael.js from root = this._raphaelRoot; to root = this._raphaelRoot.firstChild; in my project.

[dbhowell]

Hey Codename0, thanks for the contribution. By the way, your map looks great.

This is something I was hoping to fix in the next update, thanks!

[ghost]

Despite this solution I found, additional Raphael layer had really slowed down the browser, so I gave up on it. If only I haven't so large map (it fills browser window) and two tilelayers (they are already significantly slowing zooming).

[dbhowell]

Thanks for the update!