The MeasureMap app is a web-based tool designed for geospatial measurement and visualization. It allows users to draw and measure various geometrical shapes on an interactive map interface.
The MeasureMap app is deployed and can be accessed at geo-map-tool-app.vercel.app.
- Draw and measure point, line, polygon, and circle geometries
- Dynamically fetch location details based on drawn points
- Interactive map interface with zoom and pan functionalities
- Next.js: Framework for building React applications with server-side rendering and TypeScript support
- OpenLayers: Used for rendering interactive maps and handling geometries
- React: Frontend library for building the user interface
- Tailwind CSS: Utility-first CSS framework for styling
- Axios: HTTP client for making API requests
- TypeScript: Superset of JavaScript providing static typing
- Clone the repository:
git clone https://github.com/your-username/measure-map.git
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:3000
- Select a geometry type (Point, LineString, Polygon, Circle) from the dropdown menu.
- Click on the map to draw the selected geometry.
- Measurements will be displayed dynamically on the map.
Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements or bug fixes.
- Introduce custom map layers for personalized map views.
- Implement location search functionality for easy discovery.
- Enable automatic user location detection for enhanced navigation.
- Provide user-controlled personalization options.
- Revamp UI for a visually appealing experience.
This project is licensed under the MIT License.