Adding algorithm to only filter out hexes that are completely off the…

… visible map
han-tun · Aug 15, 2018 · 6f02722 · 6f02722
1 parent b66b10b
commit 6f02722
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -536,6 +536,9 @@ Getter for the actual fps (based on the actual time between the last two animati
 
 ### Version 4.x
 
+#### 4.2.0
+- Corrected the algorithm that filters out hexbins to avoid drawing those that fall outside of the visible bounds of the map.
+
 #### 4.1.0
 - Added Hexbin Layer options for colorDomain and radiusDomain. See README docs for details.
 

diff --git a/dist/leaflet-d3.js b/dist/leaflet-d3.js
diff --git a/dist/leaflet-d3.js.map b/dist/leaflet-d3.js.map
diff --git a/dist/leaflet-d3.min.js b/dist/leaflet-d3.min.js
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
 	"artifactName": "leaflet-d3",
 	"moduleName": "leafletD3",
 	"description": "Custom d3 layers for leaflet",
-	"version": "4.1.0",
+	"version": "4.2.0",
 	"author": "Asymmetrik, Ltd.",
 	"copyright": "Copyright (c) 2007-2018 Asymmetrik Ltd, a Maryland Corporation",
 	"license": "MIT",

diff --git a/src/js/hexbin/HexbinLayer.js b/src/js/hexbin/HexbinLayer.js
@@ -195,7 +195,11 @@ L.HexbinLayer = L.SVG.extend({
 		var that = this;
 
 		// Create the bins using the hexbin layout
+
+		// Generate the map bounds (to be used to filter the hexes to what is visible)
 		var bounds = that._map.getBounds();
+		var size = that._map.getSize();
+		bounds = bounds.pad(that.options.radius * 2 / Math.max(size.x, size.y));
 
 		var bins = that._hexLayout(data);