I need to create full screen map using nextjs and mapbox
The map have to cover full screen
When a user click on a point on the map, the application will request a GeoJson dataset of points.
https://dataworks.calderdale.gov.uk/download/epwyy/egm/schools-list.geojson
Although the GeoJSON requested will be a whole dataset, the application should only display the pins within a 1km radius of the clicked point.
Of course, the 1km is not fixed.
I need a slider component that the user can change the radius of the circle, instead of 1km fixed.
In project, don't use any other material library.
You need to use Radix UI for further integration.
Because my prev guy said he used headless (I'm not sure) UI.
Also, It should be responsive for mobile and tablet.
... Show more