Web Map Application

This is a dynamic web mapping application developed using React, Vite, and React-Leaflet, styled with Tailwind CSS and Shadcn. It allows users to create, edit, and manage geographical features such as points, lines, and areas, and integrates functionalities for enhanced data interaction and documentation.

Also, check out the live version of the leaflet web-map deployed using Vercel!

Features

• Create Geographic Features: Add points, lines, and areas to the map.
• Text Mode: Attach text to features; view text in popups by hovering.
• Edit and Delete: Modify or remove existing map features.
• Sidebar with Details: View feature details in a sidebar, including unique IDs, types, text, and coordinates.
• GEOJSON Export: Copy feature details in GEOJSON format directly from the sidebar.
• Search Functionality: Quickly find features listed in the sidebar.

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js
• npm or yarn

Installation

Clone the repository and install the dependencies:

git clone https://github.com/yourusername/web-map-app.git
npm install # or yarn install
npm run dev

Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests.