Zoom to encode image

developmentseed · Jul 14, 2023 · eec73db · eec73db
1 parent d7eeb82
commit eec73db
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/src/components/EncodeItem.js b/src/components/EncodeItem.js
@@ -16,8 +16,8 @@ export const EncodeItem = ({ encodeItem }) => {
   const zoomTo = (encodeItem) => {
     if (!map) return;
     const { bbox, zoom } = encodeItem;
-    map.getView().fit(bbox);
     map.getView().setZoom(zoom);
+    map.getView().fit(bbox, { padding: [5, 5, 5, 5] });
     // Set as active encode image items
     dispatchActiveEncodeImageItem({
       type: "SET_ACTIVE_ENCODE_IMAGE",

diff --git a/src/components/map/index.js b/src/components/map/index.js
@@ -29,7 +29,6 @@ import {
 } from "./layers";
 import { MainContext } from "../../contexts/MainContext";
 import { ProjectLayer } from "./ProjectLayer";
-import { SpinerLoader } from "./../SpinerLoader";
 import { MagicWand } from "./MagicWand";
 
 export function MapWrapper({ children }) {

diff --git a/src/components/map/layers.js b/src/components/map/layers.js
@@ -109,10 +109,7 @@ export const encodeMapViews = new VectorLayer({
   style: new Style({
     stroke: new Stroke({
       width: 3,
-      color: [46, 249, 35, 1],
-    }),
-    fill: new Fill({
-      color: [46, 249, 35, 0],
+      color: [255, 191, 11, 1],
     }),
   }),
   zIndex: 7,
@@ -122,7 +119,7 @@ export const encodeMapViewHighlighted = new VectorLayer({
   style: new Style({
     stroke: new Stroke({
       width: 3,
-      color: [59, 130, 246, 1],
+      color: [46, 249, 35, 1],
     }),
   }),
   zIndex: 8,

diff --git a/src/utils/utils.js b/src/utils/utils.js
@@ -1,5 +1,4 @@
 import * as turf from "@turf/turf";
-import { geojsonAPI } from "./../config";
 
 /**
  * Download file