Add button for map toolbar

Author: znorman-harris

CHANGELOG.md

@@ -44,6 +44,8 @@ Fixed an issue where we were not correctly detecting unclosed quotes when there
 
 Re-work the toolbar for animations in IDL Notebooks. The new toolbar uses the same colors/style as the sidebar and will look good on most themes. There was an issue, after a library update, where colors for high contrast themes did not work with the slider and have now been fixed.
 
+Notebook maps (requires ENVI) now have a button that will reset the view to the initial state. Helpful in case you zoom out or lose the location of your imagery while zooming/panning around.
+
 ## 4.5.1 - May 2024
 
 Continuing with our story of IDL Notebook user experience, each session of notebook now gets it's own instance of IDL! This means a few things:

apps/notebook/components/src/app/components/map/map.component.ts

@@ -223,10 +223,22 @@ export class MapComponent
    * Set the view back to defaults
    */
   resetView() {
+    /**
+     * Reset initial view state so deck.gl picks up changes
+     *
+     * Without this, the next code doesnt work
+     */
+    this.deck.setProps({ initialViewState: undefined });
+
+    /**
+     * Set view state with an animation
+     */
     this.deck.setProps({
       initialViewState: {
         ...copy(INITIAL_VIEW_STATE),
-        transitionInterpolator: new FlyToInterpolator({ speed: 2 }),
+        transitionInterpolator: new FlyToInterpolator({
+          speed: 2,
+        }),
         transitionDuration: 'auto',
       },
     });