Skip to content

lvanish/openlayers-polygon-drawer

Repository files navigation

Project information

React + TypeScript application built with Vite. It allows users to input their credentials and interact with a map interface where they can draw, modify, and delete polygons.

Features

  • Form Input: Users can enter their name and mobile number.
  • Map Interaction: Users can draw, modify, and delete polygons on an OpenLayers map.
  • Routing: The app uses React Router for navigation between the form and map pages.

Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Installation

  1. Clone the repository
  2. Run npm install to install dependencies
  3. Run npm run dev to start development server

Usage

  1. Navigate to the root URL (/) to access the form.
  2. Enter your name and mobile number, then submit the form.
  3. You will be redirected to the map page (/map), where you can: Draw polygons on the map. Delete all polygons using the "Delete All Polygons" button.

Technologies Used React: Frontend library for building user interfaces. TypeScript: Strongly typed programming language. Vite: Fast build tool for modern web projects. OpenLayers: Library for map rendering and interaction. React Router: Library for routing in React applications. ESLint: Linter for maintaining code quality.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published