search

thedivtagguy / whoismyneta

Dashboard to explore self-reported details and parliamentary activity of MPs in the 17th Lok Sabha
https://whoismyneta.com/
42 stars 9 forks source link

Port navigation map to MapLibre #1

Open thedivtagguy opened 2 months ago

thedivtagguy commented 2 months ago

Currently the map that users interact with on the homepage uses Layerchart. There are notable issues:

  1. Pinch and drag, panning and zooming does not work on mobile. This is currently lacking in the layerchart library.
  2. We cannot programmatically navigate to the selected constituency because of limitations with the Layerchart zoomTo() function. TLDR; the geo context is not exposed by the parent component and it is difficult to match the projection that the map uses and the projection we use to perform zoomTo.
  3. Difficulty scaling text based on zoom scale.

Keeping this in mind, I propose we convert this into a Maplibre interactive. Maybe this example: https://svelte-maplibre.vercel.app/examples/zoom_transition

thedivtagguy commented 2 months ago

Work is being done on the maplibre branch

SikandarJODD commented 2 months ago

This is slow and laggy : [Layerchart Zoomable Title Map] (https://www.layerchart.com/docs/examples/ZoomableTileMap)