Refactor map route plugin

1 files changed, 19 insertions, 7 deletions

diff --git a/modern/src/map/MapCamera.js b/modern/src/map/MapCamera.js
index 7ebf24fb..63f070f8 100644
--- a/modern/src/map/MapCamera.js
+++ b/modern/src/map/MapCamera.js
@@ -1,16 +1,28 @@
 import { useEffect } from 'react';
-
+import maplibregl from 'maplibre-gl';
 import { map } from './core/MapView';
 
 const MapCamera = ({
-  latitude, longitude,
+  latitude, longitude, positions,
 }) => {
   useEffect(() => {
-    map.jumpTo({
-      center: [longitude, latitude],
-      zoom: Math.max(map.getZoom(), 10),
-    });
-  }, [latitude, longitude]);
+    if (positions) {
+      const coordinates = positions.map((item) => [item.longitude, item.latitude]);
+      if (coordinates.length) {
+        const bounds = coordinates.reduce((bounds, item) => bounds.extend(item), new maplibregl.LngLatBounds(coordinates[0], coordinates[1]));
+        const canvas = map.getCanvas();
+        map.fitBounds(bounds, {
+          padding: Math.min(canvas.width, canvas.height) * 0.1,
+          duration: 0,
+        });
+      }
+    } else {
+      map.jumpTo({
+        center: [longitude, latitude],
+        zoom: Math.max(map.getZoom(), 10),
+      });
+    }
+  }, [latitude, longitude, positions]);
 
   return null;
 };