https://github.com/ktojan/30daymapchallenge2024

Demos for https://30daymapchallenge.com/
https://github.com/ktojan/30daymapchallenge2024

angular mapping maps

Last synced: about 2 months ago
JSON representation

Demos for https://30daymapchallenge.com/

• Host: GitHub
• URL: https://github.com/ktojan/30daymapchallenge2024
• Owner: Ktojan
• Created: 2024-11-17T17:04:34.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-11-23T09:03:11.000Z (over 1 year ago)
• Last Synced: 2025-03-27T23:27:08.550Z (about 1 year ago)
• Topics: angular, mapping, maps
• Language: TypeScript
• Homepage: https://30daymap-challenge2024.vercel.app
• Size: 3.42 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 30daymapChallenge2024

It's a collection of demos for 30DayMapChallenge in 2024

Libs and plugins I used: 

- Angular 18, Angular Material for UI and theming

- Mapbox GL API and docs

- Genuine wrapper for Angular by Wykks

Day18:

- Mapbox animate camera with 3D

Day24:

- Leaflet

- terra-draw

- leaflet-sidepanel

Live demo on [Vercel ](https://30daymap-challenge2024.vercel.app/)

## Development server

Run `npm start` and open `http://localhost:3000/`. 

## Build

Run `ng build` to build the project. The build artefacts will be stored in the `dist/` directory.

## Day 18: 3D

![demo30days_1](https://github.com/user-attachments/assets/109b5b55-a46e-46b3-8b41-8eae8a62d6b8)

## Day 24: Only circles

![demoday24](https://github.com/user-attachments/assets/9b5a4741-4bb8-408e-b747-fb001466a5a7)

## Drone mission imitation

![drone-mission_screen](https://github.com/user-attachments/assets/0c2adb72-a3c9-4606-914e-105ea04c866f)