diff --git a/package-lock.json b/package-lock.json
index f1cfbc1b..405a35ac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
                 "custom-model-editor": "github:graphhopper/custom-model-editor#3a46b6981d170b7eb70d621bbb92caed149e5a97",
                 "geojson": "^0.5.0",
                 "heightgraph": "github:easbar/Leaflet.Heightgraph#5f4f0b1fff3646aa071981381f5955c9e6f111f0",
-                "ol": "8.1.0",
+                "ol": "9.0.0",
                 "ol-mapbox-style": "12.2.1",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
@@ -4570,8 +4570,29 @@
         "node_modules/color-name": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-            "dev": true
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+        },
+        "node_modules/color-parse": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/color-parse/-/color-parse-2.0.0.tgz",
+            "integrity": "sha512-g2Z+QnWsdHLppAbrpcFWo629kLOnOPtpxYV69GCqm92gqSgyXbzlfyN3MXs0412fPBkFmiuS+rXposgBgBa6Kg==",
+            "dependencies": {
+                "color-name": "^1.0.0"
+            }
+        },
+        "node_modules/color-rgba": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/color-rgba/-/color-rgba-3.0.0.tgz",
+            "integrity": "sha512-PPwZYkEY3M2THEHHV6Y95sGUie77S7X8v+h1r6LSAPF3/LL2xJ8duUXSrkic31Nzc4odPwHgUbiX/XuTYzQHQg==",
+            "dependencies": {
+                "color-parse": "^2.0.0",
+                "color-space": "^2.0.0"
+            }
+        },
+        "node_modules/color-space": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-space/-/color-space-2.0.1.tgz",
+            "integrity": "sha512-nKqUYlo0vZATVOFHY810BSYjmCARrG7e5R3UE3CQlyjJTvv5kSSmPG1kzm/oDyyqjehM+lW1RnEt9It9GNa5JA=="
         },
         "node_modules/color-string": {
             "version": "1.9.1",
@@ -9536,10 +9557,12 @@
             "dev": true
         },
         "node_modules/ol": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/ol/-/ol-8.1.0.tgz",
-            "integrity": "sha512-cx3SH2plpFS9fM8pp1nCypgQXGJD7Mcb1E3mEySmy5XEw1DUEo+kkNzgtAZz5qupekqi7aU9iBJEjCoMfqvO2Q==",
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/ol/-/ol-9.0.0.tgz",
+            "integrity": "sha512-+nYHZYbHrRUTDJ8ryxXPdDoAiaT6Zea02cocmGqsJXs4Oac1fYC9EbTIU2Y7803QcmG3u2MR88RxbksBvK+ZfQ==",
             "dependencies": {
+                "color-rgba": "^3.0.0",
+                "color-space": "^2.0.1",
                 "earcut": "^2.2.3",
                 "geotiff": "^2.0.7",
                 "pbf": "3.2.1",
@@ -16191,8 +16214,29 @@
         "color-name": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-            "dev": true
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+        },
+        "color-parse": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/color-parse/-/color-parse-2.0.0.tgz",
+            "integrity": "sha512-g2Z+QnWsdHLppAbrpcFWo629kLOnOPtpxYV69GCqm92gqSgyXbzlfyN3MXs0412fPBkFmiuS+rXposgBgBa6Kg==",
+            "requires": {
+                "color-name": "^1.0.0"
+            }
+        },
+        "color-rgba": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/color-rgba/-/color-rgba-3.0.0.tgz",
+            "integrity": "sha512-PPwZYkEY3M2THEHHV6Y95sGUie77S7X8v+h1r6LSAPF3/LL2xJ8duUXSrkic31Nzc4odPwHgUbiX/XuTYzQHQg==",
+            "requires": {
+                "color-parse": "^2.0.0",
+                "color-space": "^2.0.0"
+            }
+        },
+        "color-space": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-space/-/color-space-2.0.1.tgz",
+            "integrity": "sha512-nKqUYlo0vZATVOFHY810BSYjmCARrG7e5R3UE3CQlyjJTvv5kSSmPG1kzm/oDyyqjehM+lW1RnEt9It9GNa5JA=="
         },
         "color-string": {
             "version": "1.9.1",
@@ -19911,10 +19955,12 @@
             "dev": true
         },
         "ol": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/ol/-/ol-8.1.0.tgz",
-            "integrity": "sha512-cx3SH2plpFS9fM8pp1nCypgQXGJD7Mcb1E3mEySmy5XEw1DUEo+kkNzgtAZz5qupekqi7aU9iBJEjCoMfqvO2Q==",
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/ol/-/ol-9.0.0.tgz",
+            "integrity": "sha512-+nYHZYbHrRUTDJ8ryxXPdDoAiaT6Zea02cocmGqsJXs4Oac1fYC9EbTIU2Y7803QcmG3u2MR88RxbksBvK+ZfQ==",
             "requires": {
+                "color-rgba": "^3.0.0",
+                "color-space": "^2.0.1",
                 "earcut": "^2.2.3",
                 "geotiff": "^2.0.7",
                 "pbf": "3.2.1",
diff --git a/package.json b/package.json
index fe0cf0d1..e61f0653 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
         "custom-model-editor": "github:graphhopper/custom-model-editor#3a46b6981d170b7eb70d621bbb92caed149e5a97",
         "geojson": "^0.5.0",
         "heightgraph": "github:easbar/Leaflet.Heightgraph#5f4f0b1fff3646aa071981381f5955c9e6f111f0",
-        "ol": "8.1.0",
+        "ol": "9.0.0",
         "ol-mapbox-style": "12.2.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",