Merge pull request #10 from holgerstolzenberg/feature/deck-gl-migration

Feature/deck gl migration

.github/workflows/feature-branch-build.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Lint
         run: npm run lint
 
-      # TODO find a way to configure URL at runtime
+      # TODO ci: find a way to configure URL at runtime
       - name: Build
         run: |
           npm run build -- --configuration=production --base-href=/cities-of-europe/

.github/workflows/main-branch-build.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Lint
         run: npm run lint
 
-      # TODO find a way to configure URL at runtime
+      # TODO ci: find a way to configure URL at runtime
       - name: Build
         run: |
           npm run build -- --configuration=production --base-href=/cities-of-europe/

README.md

@@ -4,7 +4,7 @@
 
 ## 🚀 Introduction
 
-This is just a small sample project to get up to date with Angular and learn some Leaflet stuff.
+This is just a small sample project to get up to date with Angular and learn some [deck.gl](https://deck.gl) stuff.
 
 ## 🫡 Commands
 
@@ -32,18 +32,20 @@ docker run [-it] -p8080:8080 -p2019:2019 holgerstolzenberg/cities-of-europe
 - ☑️Add user interactions for layer control
 - ☑️Expandable toolbar
 - ☑️Own location finder
-- Discover Leaflet plugins
-- Weather overlays
-- Smoother map animation (only mac chrome so far, retina)
+- ☑️Smoother map animation (only mac chrome so far, retina)
 - ☑️Add loading indicator
+- ☑️Slider for map pitch angle
+- Cross-hair on own location
+- Map initializing indicator
+- Weather or other overlays, distance to cities
 
 ## Development
 
 - Investigate 404 on app start
 - Better SCSS structure and cleanup
 - Cleanup of .whatever configurations (Prettier, ESLint, etc.)
 - ☑️Pin package.json versions
-- Glitching focus frame around map
+- ☑️Glitching focus frame around map
 
 ## Packaging
 

angular.json

@@ -51,15 +51,9 @@
             "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
-              "src/assets",
-              {
-                "glob": "**/*",
-                "input": "node_modules/leaflet/dist/images/",
-                "output": "./assets/leaflet"
-              }
+              "src/assets"
             ],
             "styles": [
-              "node_modules/leaflet/dist/leaflet.css",
               "node_modules/ngx-toastr/toastr.css",
               "src/assets/styles/main.scss"
             ],
@@ -75,8 +69,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "1500kb",
+                  "maximumError": "2mb"
                 },
                 {
                   "type": "anyComponentStyle",