@lgv/visualization-map 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lgv/visualization-map",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "description": "ES6 d3.js core visualization scaffold object and utilities for maps.",
   "main": "src/index.js",
@@ -44,7 +44,7 @@
     "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
-    "@lgv/visualization-chart": "^1.0.5",
+    "@lgv/visualization-chart": "^1.1.3",
     "leaflet": "^1.9.4"
   },
   "ava": {

package/src/visualization/index.js

@@ -1,5 +1,5 @@
 import { select } from "d3-selection";
-import { debounce, LinearGrid } from "@lgv/visualization-chart";
+import { LinearGrid } from "@lgv/visualization-chart";
 import { mean } from "d3-array";
 import L from "leaflet";
 import "leaflet/dist/leaflet.css";
@@ -24,13 +24,22 @@ class VisualizationMap extends LinearGrid {
         // initialize inheritance
         super(data, width, height, MapData, label, name);
 
-        // determine x/y center
-        let x = mean(this.data.features, d => typeof(d.geometry.coordinates[0]) == "object" ? mean(d.geometry.coordinates.map(x => x[1]).flat()) : d.geometry.coordinates[1]);
-        let y = mean(this.data.features, d => typeof(d.geometry.coordinates[0]) == "object" ? mean(d.geometry.coordinates.map(x => x[0]).flat()) : d.geometry.coordinates[0]);
+        let x = 0;
+        let y = 0;
+
+        if (this.data) {
+
+            // determine x/y center based on provided data
+            let x = mean(this.data.features, d => typeof(d.geometry.coordinates[0]) == "object" ? mean(d.geometry.coordinates.map(x => x[1]).flat()) : d.geometry.coordinates[1]);
+            let y = mean(this.data.features, d => typeof(d.geometry.coordinates[0]) == "object" ? mean(d.geometry.coordinates.map(x => x[0]).flat()) : d.geometry.coordinates[0]);
+
+        }
         
         // update self
         this.center = [x,y];
+        this.debounceDelay = 500;
         this.map = null;
+        this.moveendTimeout = null;
         this.tileServerUrl = tileServerUrl;
         this.zoom = 1;
 
@@ -57,7 +66,10 @@ class VisualizationMap extends LinearGrid {
      * Attach event handlers for map events.
      */
     attachEvents() {
-        this.map.on("moveend", debounce(() => this.processMoveEnd(),2000));
+        this.map.on("moveend", () => {
+            clearTimeout(this.moveendTimeout);
+            this.moveendTimeout = setTimeout(() => this.processMoveEnd(),this.debounceDelay);
+        });
     }
 
     /**