This project is a web-based tool for measuring distances and areas on a map, with support for reprojection using EPSG codes. It allows users to search for coordinate systems via the EPSG.io API and dynamically reproject the map to the selected coordinate system. The tool is built using OpenLayers and includes features such as:
- Measurement Tools: Measure lengths (LineString) and areas (Polygon) on the map.
- Dynamic Reprojection: Search and apply different coordinate systems using EPSG codes.
- Graticule and Tile Debugging: Toggle graticules and tile coordinate overlays for better visualization.
- Customizable Styles: Interactive styles for drawing and modifying geometries.
- Projection Information: Display the current EPSG code and units of the map.
- Search for Projections: Use the EPSG.io API to search for projections by code or name.
- Dynamic Map Reprojection: Reproject the map to the selected coordinate system.
- Measurement Tools: Measure distances and areas with options to show segment lengths.
- Interactive Map Layers:
- Graticule layer for latitude/longitude visualization.
- Tile debug layer to show tile coordinates.
- Customizable Drawing: Draw and modify geometries with real-time feedback.
- OpenLayers: For map rendering and interaction.
- Proj4: For handling custom projections.
- Vite: For development and build tooling.
- Clone the repository.
- Install dependencies:
npm install
- Start the development server:
npm start
- Open the application in your browser at
http://localhost:5173.
npm start: Starts the development server.npm run build: Builds the project for production.
index.html: The main HTML file for the application.main.js: Contains the core logic for map rendering, reprojection, and measurement tools.package.json: Manages dependencies and scripts.
- OpenLayers (v7.1.0)
- Proj4 (v2.8.0)
This project is licensed under the MIT License.