Projection expressions

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### ✨ Features and improvements
 - Support Vertical Perspective projection ([#5023](https://github.com/maplibre/maplibre-gl-js/pull/5023))
+- Support projection expression support.
 - _...Add new stuff here..._
 
 ### 🐞 Bug fixes

package.json

@@ -24,7 +24,7 @@
     "@mapbox/unitbezier": "^0.0.1",
     "@mapbox/vector-tile": "^1.3.1",
     "@mapbox/whoots-js": "^3.1.0",
-    "@maplibre/maplibre-gl-style-spec": "^21.2.0",
+    "@maplibre/maplibre-gl-style-spec": "^22.0.0",
     "@types/geojson": "^7946.0.14",
     "@types/geojson-vt": "3.2.5",
     "@types/mapbox__point-geometry": "^0.1.4",

src/style/style.ts

@@ -18,7 +18,7 @@
 import {QueryRenderedFeaturesOptions, QueryRenderedFeaturesOptionsStrict, QuerySourceFeatureOptions, queryRenderedFeatures, queryRenderedSymbols, querySourceFeatures} from '../source/query_features';
 import {SourceCache} from '../source/source_cache';
 import {GeoJSONSource} from '../source/geojson_source';
-import {latest as styleSpec, derefLayers as deref, emptyStyle, diff as diffStyles, DiffCommand} from '@maplibre/maplibre-gl-style-spec';
+import {latest as styleSpec, derefLayers as deref, emptyStyle, diff as diffStyles, DiffCommand, createExpression} from '@maplibre/maplibre-gl-style-spec';
 import {getGlobalWorkerPool} from '../util/global_worker_pool';
 import {rtlMainThreadPluginFactory} from '../source/rtl_text_plugin_main_thread';
 import {RTLPluginLoadedEventName} from '../source/rtl_text_plugin_status';
@@ -64,6 +64,7 @@
     type GetImagesResponse
 } from '../util/actor_messages';
 import {Projection} from '../geo/projection/projection';
+
 import {createProjectionFromName} from '../geo/projection/projection_factory';
 
 const empty = emptyStyle() as StyleSpecification;
@@ -579,6 +580,19 @@
      * Apply queued style updates in a batch and recalculate zoom-dependent paint properties.
      */
     update(parameters: EvaluationParameters) {
+
+        try {
+            const exprestInt = createExpression(['interpolate', ['linear'], ['zoom'], 10, 'vertical-perspective', 12, 'mercator'], styleSpec.projection.type)
+            if (exprestInt.result === 'success') {
+                console.log(exprestInt.value.evaluate({zoom: parameters.zoom}))
+
+            } else {
+                console.warn('Error parsing 22interpolate', exprestInt.result)
+            }
+        } catch (err) {
+            console.warn('Error parsing 11interpolate', err)
+        }
+
         if (!this._loaded) {
             return;
         }

typedoc.json

@@ -37,4 +37,4 @@
             "SourceSpecification": "https://maplibre.org/maplibre-style-spec/sources/"
         }
     }
-  }
+  }