Skip to content

Open-Street map is a straightforward React application designed to showcase a map featuring various global locations. Leveraging the OpenStreetMap API and Leaflet.js package, this project is implemented in TypeScript for enhanced reliability and developer productivity.

Notifications You must be signed in to change notification settings

shishirchhetri/MapView

Repository files navigation

React Map Project

This project is a simple React application that displays a map of different places across the world using OpenStreetMap API and Leaflet.js package in TypeScript.

Installation

  1. Clone the repository to your local machine:
git clone https://github.com/your-username/react-map-project.git
  1. Navigate to the project directory:
cd MapView
  1. Install dependencies:
npm install

Usage

  1. Start the development server:
js npm run dev
  1. Open your browser and navigate to http://localhost:3000 to view the map.

  2. Use the map controls to zoom in, zoom out, and navigate across different places.

Technologies Used

  • React.js
  • TypeScript
  • Leaflet.js
  • OpenStreetMap API

Live Demo

https://open-map.netlify.app/

License

This project is licensed under the MIT License.

some snapshots:

  1. Homepage image

  2. search state: image

  3. Result image

About

Open-Street map is a straightforward React application designed to showcase a map featuring various global locations. Leveraging the OpenStreetMap API and Leaflet.js package, this project is implemented in TypeScript for enhanced reliability and developer productivity.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published