I've made a Leaflet map for my clients using Django. The map is working great on Chromium based browsers (I've tried Google Chrome, Microsoft Edge and DuckDuckGo), but dragging around is insanely slow on Firefox.

The dragging gets better if I use an smaller window and gets worse on fullscreen.

My map is loading some WMS layers, that I host on GeoServer from PostGIS.

So far I've tried:

  • Disabling the WMS layers and dragging gets better. Obviously that's not an option nor a fix.

  • Changing all the layers from their native projection (EPSG:25830) to EPSG:4326 and uploading then again to GeoServer. Performance is the same.

  • Setting the following options in my map:

     zoomAnimation: false,
     fadeAnimation: false,
     markerZoomAnimation: false,
     zoomAnimationThreshold: false,
     animate: false,
     renderer: L.canvas()
  • To find the culprit you can try creating map with the same layers in plain JS and see if it behaves the same.
    – TomazicM
    Commented May 17 at 7:13


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.