feat(maplibre): handle zoom (= viewChanges.extent in contextDiff)

Author: AlitaBernachot

packages/maplibre/lib/map/apply-context-diff.ts

@@ -58,4 +58,23 @@ export async function applyContextDiffToMap(
       styleDiff.layers.map((layer) => map.addLayer(layer));
     });
   }
+
+  if (typeof contextDiff.viewChanges !== "undefined") {
+    const { viewChanges } = contextDiff;
+
+    if (viewChanges && "extent" in viewChanges) {
+      const { extent } = viewChanges;
+
+      map.fitBounds(
+        [
+          [extent[0], extent[1]],
+          [extent[2], extent[3]],
+        ],
+        {
+          padding: 20,
+          duration: 1000,
+        },
+      );
+    }
+  }
 }

packages/maplibre/lib/map/create-map.ts

@@ -123,7 +123,7 @@ export async function createLayer(
  */
 export async function createMapFromContext(
   context: MapContext,
-  container: string | HTMLElement
+  container: string | HTMLElement,
 ): Promise<Map> {
   const map = new Map({
     container,