https://github.com/imoamo/vehicle-movement-on-a-map

This web app visualizes a vehicle moving along a route in real-time using React and Leaflet. It displays the vehicle's current location, tracks its path, and updates the route dynamically.
https://github.com/imoamo/vehicle-movement-on-a-map

leafletjs module-css reactjs

Last synced: 11 months ago
JSON representation

This web app visualizes a vehicle moving along a route in real-time using React and Leaflet. It displays the vehicle's current location, tracks its path, and updates the route dynamically.

• Host: GitHub
• URL: https://github.com/imoamo/vehicle-movement-on-a-map
• Owner: imoamo
• Created: 2024-08-14T13:12:48.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-14T13:17:39.000Z (almost 2 years ago)
• Last Synced: 2025-05-30T16:27:29.992Z (about 1 year ago)
• Topics: leafletjs, module-css, reactjs
• Language: JavaScript
• Homepage: https://vehicle-movemnet.netlify.app/
• Size: 144 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vehicle Movement on a Map

## Overview

This project is a web application that visualizes a vehicle moving along a route on a map in real-time. Built with React and the Leaflet library, the application displays the vehicle's current location, tracks its path, and updates the route as it progresses.

![Screenshot (250)](https://github.com/user-attachments/assets/48241906-9168-4cd1-a4df-cbc0f332330e)

## Features

- **Interactive Map:** Utilizes Leaflet to render a dynamic and interactive map.

- **Vehicle Tracking:** Displays a custom vehicle icon that updates to show the vehicle’s position.

- **Real-Time Movement:** Simulates real-time movement with position updates every few seconds.

- **Path Visualization:** Draws a polyline to represent the vehicle’s route from start to destination.

## Technologies

- **React:** For building the user interface and managing state.

- **Leaflet:** For rendering the map and handling map-related functionalities.

- **OpenStreetMap:** Provides the base map tiles.