Merge pull request #33 from starschema/persist-zoom-info

Persist current coordinates and zoom when auto zoom is turned off
starschema · Aug 26, 2022 · b96cae9 · b96cae9
2 parents b0b072e + dc8867f
commit b96cae9
Showing 1 changed file with 19 additions and 10 deletions.
diff --git a/src/autoZoomControl.ts b/src/autoZoomControl.ts
@@ -26,16 +26,7 @@ export class AutoZoomControl implements mapboxgl.IControl {
                 this.toggled = !this.toggled;
                 this.zoomPinButton.className = this.getButtonClass();
                 this.zoomPinButton.title = this.getButtonTitle();
-                // Persist autozoom state into 'api' settings
-                this.host.persistProperties(<VisualObjectInstancesToPersist>{
-                    merge: [{
-                        objectName: "api",
-                        selector: null,
-                        properties: {
-                            autozoom: !this.toggled,
-                        }
-                    }]
-                })
+                this.persistCurrentZoomInfo()
             });
         return this.container;
     }
@@ -55,10 +46,28 @@ export class AutoZoomControl implements mapboxgl.IControl {
 
     public setPin(state) {
         this.toggled = state;
+        this.persistCurrentZoomInfo()
         this.zoomPinButton.className = this.getButtonClass();
         this.zoomPinButton.title = this.getButtonTitle();
     }
 
+    private persistCurrentZoomInfo() {
+        // Persist autozoom state into 'api' settings
+        const coordinates = this.map.getCenter()
+        this.host.persistProperties(<VisualObjectInstancesToPersist>{
+            merge: [{
+                objectName: "api",
+                selector: null,
+                properties: {
+                    autozoom: !this.toggled,
+                    zoom: this.toggled ? Math.floor(this.map.getZoom()) : 0,
+                    startLong: this.toggled ? coordinates.lng : 0,
+                    startLat: this.toggled ? coordinates.lat : 0,
+                }
+            }]
+        })
+    }
+
     private createButton(className: string, ariaLabel: string, fn: () => any) {
         const button = this.createElement('button', className, this.container);
         button.type = 'button';