markusstraub/radlkarte

Faster rendering with WebGL

Opened this issue · 3 comments

markusstraub commented

Rendering the routes is quite sluggish, especially in Firefox.
Can we use https://github.com/robertleeplummerjr/Leaflet.glify to improve rendering speeds?

yyxcv commented

As far as I can see, Leaflet.glify only supports solid lines and points. That mean no dashed lines (or even decorated lines with arrows etc.).

The package https://github.com/manubb/Leaflet.PixiOverlay looks a bit more promising in that regard. Is a quite heavy dependency but would allow for webGL overlays and seems to have more features.

I'd like to look into it, but would like to do so from the refactored version of PR #50 (if we want to use that)...

markusstraub commented

In the meantime I had a short look at other libraries and think that we should ditch Leaflet altogether and maybe switch to https://maplibre.org/ MapLibre GL JS.

So let's explore libraries a bit, my requirements would be

  • Open GL accelerated (or magically fast :)
  • well supported (so we can keep it for years to come)
  • supports drawing lines, dashes, arrows, points
  • supports popups (on hover)
  • supports OSM raster background maps
  • 👍1
markusstraub commented

check out if OpenLayers is an option?