Contact person: Three.js 3D Geographic Map

Phone:Show

Email:Show

Location: Thane, India

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I need a browser-based 3D map built with [login to view URL] that lets users explore geographical data, with roads and other infrastructure rendered in clear detail. The scene should load smoothly in any modern browser, give me fluid pan-zoom-orbit controls, and keep frame rates high even when the dataset grows.

The source data will arrive as GeoJSON files containing road networks and associated attributes; you can preprocess them however you prefer as long as the final output is a single, lightweight client bundle. Terrain or elevation layers are not required; the focus is the man-made network—streets, highways, bridges, overpasses. Visual hierarchy (e.g., thicker lines or different materials for major roads) will help users spot patterns instantly.

Colour schemes, legend placement, and basic UI overlays should be separated into clearly named components so I can tweak them later without digging through core rendering logic. I am comfortable hosting the finished map on an existing React site, so please structure the code so it can be dropped into a React component or mounted as a stand-alone page with minimal tweaks.

Deliverables
• Clean, well-commented [login to view URL] code (TypeScript or ES6) that imports the GeoJSON, converts it to buffer geometries, and renders the road network.
• A minimal HTML/JS demo page showing the map in action, including camera controls, object picking on road segments, and a data tooltip.
• Instructions for building and running locally, plus a short README explaining where to place future datasets.

Acceptance criteria
The map loads under five seconds on a standard laptop, maintains 50+ FPS while interacting, highlights selected road segments on click, and all source code passes ESLint with no errors.

If this aligns with your skill set, I’m ready to move forward as soon as the approach is clear." (client-provided description)