https://github.com/kayyz1/angular-interactive-map

Interactive map with OSM + OSRM
https://github.com/kayyz1/angular-interactive-map

angular leaflet ngrx openstreetmap

Last synced: about 2 months ago
JSON representation

Interactive map with OSM + OSRM

• Host: GitHub
• URL: https://github.com/kayyz1/angular-interactive-map
• Owner: kayYZ1
• Created: 2024-06-12T08:16:14.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-09-10T18:37:19.000Z (4 months ago)
• Last Synced: 2024-11-20T01:18:04.169Z (about 2 months ago)
• Topics: angular, leaflet, ngrx, openstreetmap
• Language: TypeScript
• Homepage:
• Size: 577 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Interactive trip map - Opole

Opo Trip is a web application that allows users to plan and select single or multiple trips within the city of Opole. The project is built using Angular, providing a smooth and dynamic experience for creating, managing, and customizing trip itineraries. Users can explore points of interest, get trip suggestions, and manage their travel plans efficiently.

## Features

- Trip Planning: Create and plan trips by selecting multiple points of interest in Opole.

- Multiple Trip Management: Manage multiple itineraries in one place.

- Interactive Map: View locations on an interactive map and get route suggestions.

- Customization: Edit your trip details like duration, preferred stops, and more.

- Trip suggestions (ToDo)

## Tech Stack

**Client:** Angular, NgRx, CSS, Leaflet, OpenStreetMap.

**Server:** OSRMv1 server hosted on VPS in a docker container.

## Run Locally

Clone the project

```bash

  https://github.com/kayYZ1/angular-interactive-map.git

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  ng s

```

## Environment Variables

It's recommended to add your own OSRMv1 server in the map.component.ts.

For reference: https://hub.docker.com/r/osrm/osrm-backend/