# Find On Map

Find on Map is an open-source, map-based location guessing game.
Players are shown a random street-level image and must guess the correct location on the map.
The closer the guess, the higher the score. Simple, fun, and educational!
Explore the docs »
Play Game
·
Report Bug
·
Request Feature
Table of Contents
Find on Map is a fun and educational map-based guessing game. The main idea is simple: you are shown a random street-level image from anywhere in the world, and your task is to find its location on the map.
The game combines exploration, geography, and observation skills into a single experience:
- 🌍 Explore the world from your screen through real street imagery
- 🧠 Train your brain by recognizing landmarks, signs, and landscapes.
- 🎮 Challenge yourself to guess as close as possible and score higher points.
The project was built as an experiment in combining open data (via Mapillary API ) with interactive mapping tools. It’s designed to be lightweight, open-source, and easy to extend—perfect for developers, educators, or anyone who enjoys map-based games.
Follow these steps to run the project locally:
- Node.js >= 18
- npm >= 9
- API key from Mapillary
- Clone the repo
git clone https://github.com/your-username/mapillary-geoguessr-clone.git
cd mapillary-geoguessr-clone
- Install dependencies
npm install
- Get a free API Key at https://www.mapillary.com/developer
- Create a .env file in the project root:
VITE_MAPILLARY_TOKEN=/api
Run locally:
npm run dev
- Open the app in your browser
- Explore the panorama through MapillaryJS
- Try to guess where in the world you are 🌍
- Mark your prediction on the map within the 2-minute time limit
- Random location generator
- Street-view viewer with MapillaryJS
- Guessing mechanic with interactive map
- Scoring system
- Multiplayer support
See the open issues for a full list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Ayşe Demirel Deniz - Linkedln - aysedemirel - aysedemireldeniz@gmail.com