Build Interactive Map Using Leaflet.js

Skills Required

Description

Integrating an interactive map is a core feature for our platform, and we're in need of a developer who’s experienced with Leaflet.js. The goal is to allow users to explore specific datasets visually through dynamic markers, filters, and tooltips.

This map will serve as an intuitive interface for both desktop and mobile users, so responsiveness is a must. You'll collaborate with our design team to match the map’s styling with the rest of the UI.

We're aiming for fast load times and smooth zoom/pan transitions. You should have a good grasp of optimizing maps and handling large sets of markers without performance issues.

We’ll be using third-party map APIs and possibly integrating custom tile layers. Familiarity with asynchronous data loading and working with JSON or GeoJSON is essential.

You’ll also need to build a few map filters based on user selection (like category or date). These filters should update the map in real-time without a full refresh.

There’s also a need to enable location clustering for improved readability. The goal is to avoid clutter and help users zoom in with clarity.

Experience with routing overlays or drawing shapes on the map will be a plus. We may explore basic pathfinding or selection tools later in the project.

If you’ve done similar mapping projects, please share a few examples. This is a mid-term project with clear milestones and a responsive internal team.