https://github.com/ktojan/mean-mapbox-playground
Demo Angular app based on Mapbox GL
https://github.com/ktojan/mean-mapbox-playground
angular mapbox-api mapbox-gl-js mapping maps nodejs
Last synced: 5 months ago
JSON representation
Demo Angular app based on Mapbox GL
- Host: GitHub
- URL: https://github.com/ktojan/mean-mapbox-playground
- Owner: Ktojan
- Created: 2024-11-08T07:25:23.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-14T19:58:14.000Z (about 1 year ago)
- Last Synced: 2025-06-29T03:46:14.189Z (8 months ago)
- Topics: angular, mapbox-api, mapbox-gl-js, mapping, maps, nodejs
- Language: TypeScript
- Homepage: https://mean-mapbox-playground.vercel.app
- Size: 949 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MEANMapboxPlayground
This is my demo Angular app based on Mapbox GL (https://docs.mapbox.com/mapbox-gl-js/guides). You'll probably need to create and provide your public API token https://account.mapbox.com/. Most of the data and objects in the app are "science fiction." It was created in November 2024 in Ukraine.
Libs and plugins I used:
- https://github.com/Wykks/ngx-mapbox-gl - wrapper for Angular by Wykks
- mapbox-gl-draw for Drawing mode
- Angular Material for ui elements and theming
- Node.js + Express 4 + jade for server
Video presentation on Google Drive: https://drive.google.com/file/d/1r81Srnv0GslzlYSG2zmBMC5orbp0lwFl/view?usp=sharing
Live demo on Vercel (hope works :-) https://mean-mapbox-playground.vercel.app/
## Development server
Run `npm start` for both node.js server (port 3000 by default) and frontend app on `http://localhost:4200/`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
