Interactive Map with Categorized Sidebar
Budget: ₹1,500 – ₹12,500 INR
I have 100 distinct locations that I need plotted on a single web page using the Google Maps JavaScript API. Down the left-hand side I want a clean, scrollable sidebar that automatically arranges every place into its correct category, so users can jump straight to any group and see the matching markers highlighted on the map.
When a visitor clicks a marker (or a name in the sidebar), an info window should open showing:
• Location name
• A brief, rich-text description or notes
Everything must load quickly and work on desktop and mobile. Feel free to structure the data in JSON or any format you find easiest to maintain; I simply need clear instructions on how to add, edit, or remove entries later. Deliver the finished, fully commented HTML/CSS/JS files so I can drop them onto my server and run.
When a visitor clicks a marker (or a name in the sidebar), an info window should open showing:
• Location name
• A brief, rich-text description or notes
Everything must load quickly and work on desktop and mobile. Feel free to structure the data in JSON or any format you find easiest to maintain; I simply need clear instructions on how to add, edit, or remove entries later. Deliver the finished, fully commented HTML/CSS/JS files so I can drop them onto my server and run.
Related categories:
JavaScript
CSS
HTML
Google Maps API
JSON
Web Development
Frontend Development
Web Application