leaflet-hexbin 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.es.js +72 -65
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/types/HexbinLayer.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +2 -5
package/dist/index.es.js
CHANGED
@@ -1,26 +1,26 @@
|
|
1
1
|
import * as m from "d3";
|
2
|
-
import { scaleLinear as
|
3
|
-
import { hexbin as
|
2
|
+
import { scaleLinear as v, dispatch as S, select as y, extent as V } from "d3";
|
3
|
+
import { hexbin as R } from "d3-hexbin";
|
4
4
|
import * as h from "leaflet";
|
5
|
-
var
|
5
|
+
var b;
|
6
6
|
((p) => {
|
7
7
|
function t(i = { tooltipContent(e) {
|
8
8
|
return `Count: ${e.length}`;
|
9
9
|
} }) {
|
10
10
|
const e = m.select("body").append("div").attr("class", "hexbin-tooltip").style("z-index", 9999).style("pointer-events", "none").style("visibility", "hidden").style("position", "fixed");
|
11
11
|
return e.append("div").attr("class", "tooltip-content"), {
|
12
|
-
mouseover: function(
|
13
|
-
const
|
14
|
-
e.style("visibility", "visible").html(i.tooltipContent(
|
12
|
+
mouseover: function(s, d, c, u) {
|
13
|
+
const f = m.pointer(c);
|
14
|
+
e.style("visibility", "visible").html(i.tooltipContent(u, d));
|
15
15
|
const g = e.node();
|
16
16
|
if (!g) {
|
17
17
|
console.warn("Leaflet hexbin: tooltip node not found");
|
18
18
|
return;
|
19
19
|
}
|
20
20
|
const x = g.clientHeight, r = g.clientWidth;
|
21
|
-
e.style("top", c.clientY -
|
21
|
+
e.style("top", c.clientY - f[1] - x - 16 + "px").style("left", c.clientX - f[0] - r / 2 + "px");
|
22
22
|
},
|
23
|
-
mouseout: function(
|
23
|
+
mouseout: function(s, d, c, u) {
|
24
24
|
e.style("visibility", "hidden").html();
|
25
25
|
}
|
26
26
|
};
|
@@ -28,14 +28,14 @@ var y;
|
|
28
28
|
p.tooltip = t;
|
29
29
|
function o() {
|
30
30
|
return {
|
31
|
-
mouseover: function(i, e,
|
32
|
-
m.select(i.parentElement).select("path.hexbin-hexagon").attr("d", function(
|
31
|
+
mouseover: function(i, e, s, d) {
|
32
|
+
m.select(i.parentElement).select("path.hexbin-hexagon").attr("d", function(u) {
|
33
33
|
return e._hexLayout.hexagon(e.options.radius);
|
34
34
|
});
|
35
35
|
},
|
36
|
-
mouseout: function(i, e,
|
37
|
-
m.select(i.parentElement).select("path.hexbin-hexagon").attr("d", function(
|
38
|
-
return e._hexLayout.hexagon(e._scale.radius(e._fn.radiusValue.call(e,
|
36
|
+
mouseout: function(i, e, s, d) {
|
37
|
+
m.select(i.parentElement).select("path.hexbin-hexagon").attr("d", function(u) {
|
38
|
+
return e._hexLayout.hexagon(e._scale.radius(e._fn.radiusValue.call(e, u)));
|
39
39
|
});
|
40
40
|
}
|
41
41
|
};
|
@@ -43,33 +43,33 @@ var y;
|
|
43
43
|
p.resizeFill = o;
|
44
44
|
function n(i = 1.5) {
|
45
45
|
return {
|
46
|
-
mouseover: function(e,
|
47
|
-
m.select(e.parentElement).select("path.hexbin-hexagon").transition().duration(
|
48
|
-
return
|
46
|
+
mouseover: function(e, s, d, c) {
|
47
|
+
m.select(e.parentElement).select("path.hexbin-hexagon").transition().duration(s.options.duration).attr("d", function() {
|
48
|
+
return s._hexLayout.hexagon(s._scale.radius.range()[1] * i);
|
49
49
|
});
|
50
50
|
},
|
51
|
-
mouseout: function(e,
|
52
|
-
m.select(e.parentElement).select("path.hexbin-hexagon").transition().duration(
|
51
|
+
mouseout: function(e, s, d, c) {
|
52
|
+
m.select(e.parentElement).select("path.hexbin-hexagon").transition().duration(s.options.duration).attr("d", (f) => s._hexLayout.hexagon(s._scale.radius(s._fn.radiusValue.call(s, f))));
|
53
53
|
}
|
54
54
|
};
|
55
55
|
}
|
56
56
|
p.resizeScale = n;
|
57
|
-
function
|
57
|
+
function l(i = [_()]) {
|
58
58
|
return {
|
59
|
-
mouseover: function(e,
|
60
|
-
i.forEach((
|
61
|
-
|
59
|
+
mouseover: function(e, s, d, c) {
|
60
|
+
i.forEach((u) => {
|
61
|
+
u.mouseover(e, s, d, c);
|
62
62
|
});
|
63
63
|
},
|
64
|
-
mouseout: function(e,
|
65
|
-
i.forEach((
|
66
|
-
|
64
|
+
mouseout: function(e, s, d, c) {
|
65
|
+
i.forEach((u) => {
|
66
|
+
u.mouseout(e, s, d, c);
|
67
67
|
});
|
68
68
|
}
|
69
69
|
};
|
70
70
|
}
|
71
|
-
p.compound =
|
72
|
-
function
|
71
|
+
p.compound = l;
|
72
|
+
function _() {
|
73
73
|
return {
|
74
74
|
mouseover: function() {
|
75
75
|
},
|
@@ -77,10 +77,10 @@ var y;
|
|
77
77
|
}
|
78
78
|
};
|
79
79
|
}
|
80
|
-
p.none =
|
81
|
-
})(
|
82
|
-
const
|
83
|
-
class
|
80
|
+
p.none = _;
|
81
|
+
})(b || (b = {}));
|
82
|
+
const L = b;
|
83
|
+
class E extends h.SVG {
|
84
84
|
constructor(t) {
|
85
85
|
super(), this.options = {
|
86
86
|
radius: 12,
|
@@ -107,16 +107,16 @@ class v extends h.SVG {
|
|
107
107
|
return n != null ? this._scale.color(n) : "none";
|
108
108
|
}
|
109
109
|
}, this._scale = {
|
110
|
-
color:
|
111
|
-
radius:
|
112
|
-
}, this._dispatch = S("mouseover", "mouseout", "click"), this._hoverHandler =
|
110
|
+
color: v(),
|
111
|
+
radius: v()
|
112
|
+
}, this._dispatch = S("mouseover", "mouseout", "click"), this._hoverHandler = L.none(), this._hexLayout = R().radius(this.options.radius).x(({ point: [o, n] }) => o).y(({ point: [o, n] }) => n), this._data = Array(), this.options = { ...this.options, ...t }, this._scale.color.range(this.options.colorRange).clamp(!0), this._scale.radius.range(this.options.radiusRange).clamp(!0);
|
113
113
|
}
|
114
114
|
/**
|
115
115
|
* Create the SVG container for the hexbins
|
116
116
|
* @private
|
117
117
|
*/
|
118
118
|
_initContainer() {
|
119
|
-
super._initContainer(), this._d3Container =
|
119
|
+
super._initContainer(), this._d3Container = y(this._container).select("g");
|
120
120
|
}
|
121
121
|
/**
|
122
122
|
* Callback made by Leaflet when the layer is added to the map
|
@@ -141,7 +141,7 @@ class v extends h.SVG {
|
|
141
141
|
* @private
|
142
142
|
*/
|
143
143
|
_destroyContainer() {
|
144
|
-
|
144
|
+
y(this._container).remove();
|
145
145
|
}
|
146
146
|
/**
|
147
147
|
* (Re)draws the hexbins data on the container
|
@@ -153,40 +153,44 @@ class v extends h.SVG {
|
|
153
153
|
const o = t._data.map((i) => {
|
154
154
|
const e = t._project(i);
|
155
155
|
return { o: i, point: e };
|
156
|
-
}), n = this._d3Container.selectAll("g.hexbin").data([this._map.getZoom()], (i) => i),
|
156
|
+
}), n = this._d3Container.selectAll("g.hexbin").data([this._map.getZoom()], (i) => i), _ = n.enter().append("g").attr("class", function(i) {
|
157
157
|
return "hexbin zoom-" + i;
|
158
158
|
}).merge(n);
|
159
|
-
n.exit().remove(), this._createHexagons(
|
159
|
+
n.exit().remove(), this._createHexagons(_, o);
|
160
160
|
}
|
161
161
|
_linearlySpace(t, o, n) {
|
162
|
-
const
|
163
|
-
return Array.from({ length: n }, (
|
162
|
+
const l = (o - t) / Math.max(n - 1, 1);
|
163
|
+
return Array.from({ length: n }, (_, i) => t + i * l);
|
164
164
|
}
|
165
165
|
_createHexagons(t, o) {
|
166
|
-
const n = this,
|
167
|
-
({ x: r, y:
|
168
|
-
), e = n._getExtent(i, n._fn.colorValue, n.options.colorScaleExtent),
|
166
|
+
const n = this, l = n._map.getSize(), _ = n._map.getBounds().pad(n.options.radius * 2 / Math.max(l.x, l.y)), i = n._hexLayout(o).filter(
|
167
|
+
({ x: r, y: a }) => _.contains(n._map.layerPointToLatLng(h.point(r, a)))
|
168
|
+
), e = n._getExtent(i, n._fn.colorValue, n.options.colorScaleExtent), s = n._getExtent(i, n._fn.radiusValue, n.options.radiusScaleExtent), d = this.options.colorDomain ?? n._linearlySpace(
|
169
169
|
e[0],
|
170
170
|
e[1],
|
171
171
|
n._scale.color.range().length
|
172
|
-
), c = this.options.radiusDomain ||
|
172
|
+
), c = this.options.radiusDomain || s;
|
173
173
|
n._scale.color.domain(d), n._scale.radius.domain(c);
|
174
|
-
const
|
175
|
-
|
176
|
-
const
|
177
|
-
|
178
|
-
|
179
|
-
}).on("mouseout", function(r, l) {
|
180
|
-
n._hoverHandler.mouseout(this, n, r, l), n._dispatch.call("mouseout", this, n, r, l);
|
181
|
-
}).on("click", function(r, l) {
|
182
|
-
n._dispatch.call("click", this, n, r, l);
|
174
|
+
const u = t.selectAll("g.hexbin-container").data(i, ({ x: r, y: a }) => `${r}:${a}`);
|
175
|
+
u.select("path.hexbin-hexagon").transition().duration(n.options.duration).attr("fill", n._fn.fill.bind(n)).attr("fill-opacity", n.options.opacity).attr("stroke-opacity", n.options.opacity).attr("d", (r) => n._hexLayout.hexagon(n._scale.radius(n._fn.radiusValue.call(n, r))));
|
176
|
+
const f = u.enter().append("g").attr("class", "hexbin-container").style("pointer-events", n.options.pointerEvents);
|
177
|
+
f.on("mouseover", function(r, a) {
|
178
|
+
y(this).raise();
|
183
179
|
});
|
184
|
-
const
|
180
|
+
const g = f.append("path").attr("class", "hexbin-hexagon").attr("transform", ({ x: r, y: a }) => `translate(${r},${a})`).attr("d", () => n._hexLayout.hexagon(n._scale.radius.range()[0])).attr("fill", n._fn.fill.bind(n)).attr("fill-opacity", 0.01).attr("stroke-opacity", 0.01).style("pointer-events", "all");
|
181
|
+
g.transition().duration(n.options.duration).attr("fill-opacity", n.options.opacity).attr("stroke-opacity", n.options.opacity).attr("d", (r) => n._hexLayout.hexagon(n._scale.radius(n._fn.radiusValue.call(n, r)))).style("pointer-events", "all"), f.append("path").attr("class", "hexbin-grid").attr("transform", ({ x: r, y: a }) => `translate(${r},${a})`).attr("d", () => n._hexLayout.hexagon(n.options.radius)).attr("fill", "none").attr("stroke", "none"), g.on("mouseover", function(r, a) {
|
182
|
+
n._hoverHandler.mouseover(this, n, r, a), n._dispatch.call("mouseover", this, r, a), this.classList.add("hover");
|
183
|
+
}).on("mouseout", function(r, a) {
|
184
|
+
n._hoverHandler.mouseout(this, n, r, a), n._dispatch.call("mouseout", this, n, r, a), this.classList.remove("hover");
|
185
|
+
}).on("click", function(r, a) {
|
186
|
+
n._dispatch.call("click", this, n, r, a);
|
187
|
+
});
|
188
|
+
const x = u.exit();
|
185
189
|
x.select("path.hexbin-hexagon").transition().duration(n.options.duration).attr("fill-opacity", 0).attr("stroke-opacity", 0).attr("d", (r) => n._hexLayout.hexagon(0)), x.transition().duration(n.options.duration).remove();
|
186
190
|
}
|
187
191
|
_getExtent(t, o, n) {
|
188
|
-
let
|
189
|
-
return (
|
192
|
+
let l = V(t, o.bind(this));
|
193
|
+
return (l[0] === void 0 || l[1] === void 0) && (l = [0, 0]), n[0] != null && (l[0] = n[0]), n[1] != null && (l[1] = n[1]), l;
|
190
194
|
}
|
191
195
|
radius(t) {
|
192
196
|
return t === void 0 ? this.options.radius : (this.options.radius = t, this._hexLayout.radius(t), this);
|
@@ -240,7 +244,7 @@ class v extends h.SVG {
|
|
240
244
|
return this._dispatch;
|
241
245
|
}
|
242
246
|
hoverHandler(t) {
|
243
|
-
return t === void 0 ? this._hoverHandler : (this._hoverHandler = t ??
|
247
|
+
return t === void 0 ? this._hoverHandler : (this._hoverHandler = t ?? L.none(), this.redraw(), this);
|
244
248
|
}
|
245
249
|
/*
|
246
250
|
* Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.
|
@@ -261,15 +265,18 @@ class v extends h.SVG {
|
|
261
265
|
});
|
262
266
|
}
|
263
267
|
}
|
264
|
-
function
|
265
|
-
return new
|
268
|
+
function w(p) {
|
269
|
+
return new E(p);
|
266
270
|
}
|
267
|
-
h.
|
268
|
-
|
269
|
-
|
271
|
+
h.extend(h, {
|
272
|
+
HexbinLayer: E,
|
273
|
+
HexbinHoverHandler: L,
|
274
|
+
hexbinLayer: w
|
275
|
+
});
|
276
|
+
window.L = h;
|
270
277
|
export {
|
271
|
-
|
272
|
-
|
273
|
-
|
278
|
+
L as HexbinHoverHandler,
|
279
|
+
E as HexbinLayer,
|
280
|
+
w as hexbinLayer
|
274
281
|
};
|
275
282
|
//# sourceMappingURL=index.es.js.map
|
package/dist/index.es.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/HexbinHoverHandler.ts","../src/HexbinLayer.ts","../src/index.ts"],"sourcesContent":["import * as d3 from 'd3';\nimport type { HexbinData } from './HexbinLayer';\nimport { type HexbinLayer } from './HexbinLayer';\n\nexport interface HexbinHoverHandler {\n mouseover(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n mouseout(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n}\n\nexport namespace HexbinHoverHandler {\n\n interface TooltipOptions {\n tooltipContent: (d: HexbinData[], hexLayer: HexbinLayer) => string;\n }\n\n export function tooltip(options: TooltipOptions = { tooltipContent(d) { return `Count: ${d.length}` } }): HexbinHoverHandler {\n\n // Generate the tooltip\n const tooltip = d3.select('body').append('div')\n .attr('class', 'hexbin-tooltip')\n .style('z-index', 9999)\n .style('pointer-events', 'none')\n .style('visibility', 'hidden')\n .style('position', 'fixed');\n\n tooltip.append('div').attr('class', 'tooltip-content');\n\n // return the handler instance\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const gCoords = d3.pointer(event);\n\n tooltip\n .style('visibility', 'visible')\n .html(options.tooltipContent(data, hexLayer));\n\n\n const div = tooltip.node();\n if (!div) {\n console.warn(\"Leaflet hexbin: tooltip node not found\");\n return\n }\n const h = div.clientHeight, w = div.clientWidth;\n\n tooltip\n .style('top', event.clientY - gCoords[1] - h - 16 + 'px')\n .style('left', event.clientX - gCoords[0] - w / 2 + 'px');\n\n },\n mouseout: function (svg, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n tooltip\n .style('visibility', 'hidden')\n .html();\n }\n };\n\n }\n\n export function resizeFill(): HexbinHoverHandler {\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer.options.radius);\n });\n },\n mouseout: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select<SVGPathElement>('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n\n }\n\n export interface ResizeScaleOptions {\n radiusScale?: number;\n duration?: number;\n }\n\n export function resizeScale(radiusScale: number = 1.5): HexbinHoverHandler {\n\n // return the handler instance\n return {\n mouseover: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', function () {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius.range()[1] * (radiusScale));\n });\n },\n mouseout: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement!);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', (d) => {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n }\n\n\n export function compound(handlers: HexbinHoverHandler[] = [none()]): HexbinHoverHandler {\n return {\n mouseover: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseover(svg, hexLayer, event, data); });\n },\n mouseout: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseout(svg, hexLayer, event, data); });\n }\n };\n }\n\n export function none(): HexbinHoverHandler {\n return {\n mouseover: function () { },\n mouseout: function () { }\n };\n }\n\n}\nexport default HexbinHoverHandler\n","import { scaleLinear, dispatch, select, extent } from 'd3';\nimport { hexbin, type HexbinBin } from 'd3-hexbin';\nimport * as L from 'leaflet';\nimport HexbinHoverHandler from './HexbinHoverHandler';\n\n// Need to expose some methods from L.SVG\ndeclare module 'leaflet' {\n interface SVG {\n _initContainer(): void;\n _container: SVGElementTagNameMap['svg']\n }\n}\n\nexport interface HexbinLayerConfig {\n radius?: number,\n opacity?: number,\n duration?: number,\n\n colorScaleExtent?: [number, number | undefined],\n colorDomain?: number[] | null\n colorRange?: string[],\n\n radiusScaleExtent?: [number, number | undefined],\n radiusDomain?: number[] | null\n radiusRange?: [number, number],\n\n pointerEvents?: string\n}\n\nexport type HexbinData = {\n o: L.LatLngExpression;\n point: Readonly<[number, number]>;\n}\n\n\n/**\n * L is defined by the Leaflet library, see git://github.com/Leaflet/Leaflet.git for documentation\n * We extend L.SVG to take advantage of built-in zoom animations.\n */\nexport class HexbinLayer extends L.SVG implements L.HexbinLayer {\n options: Required<HexbinLayerConfig> & L.RendererOptions = {\n radius: 12,\n opacity: 0.6,\n duration: 200,\n\n colorScaleExtent: [1, undefined],\n radiusScaleExtent: [1, undefined],\n colorDomain: null,\n radiusDomain: null,\n colorRange: ['#f7fbff', '#08306b'],\n radiusRange: [4, 12],\n\n pointerEvents: 'all',\n // Handle parent default options\n // ...L.SVG.prototype.options,\n ...L.Renderer.prototype.options,\n ...L.Layer.prototype.options\n }\n _fn = {\n lng: (d: L.LatLngExpression) => L.latLng(d).lng,\n lat: (d: L.LatLngExpression) => L.latLng(d).lat,\n colorValue: (d: HexbinData[]) => d.length,\n radiusValue: (d: HexbinData[]) => Number.MAX_VALUE,\n fill: (d: HexbinData[]) => {\n const val = this._fn.colorValue(d);\n return (null != val) ? this._scale.color(val) : 'none';\n }\n }\n // Set up the customizable scale\n _scale = {\n color: scaleLinear<string, string>(),\n radius: scaleLinear()\n };\n\n // Set up the Dispatcher for managing events and callbacks\n _dispatch = dispatch<SVGPathElement>('mouseover', 'mouseout', 'click');\n\n // Set up the default hover handler\n _hoverHandler: HexbinHoverHandler = HexbinHoverHandler.none();\n\n // Create the hex layout\n _hexLayout = hexbin<HexbinData>()\n .radius(this.options.radius)\n .x(({ point: [x, _] }) => x)\n .y(({ point: [_, y] }) => y);\n\n // Initialize the data array to be empty\n _data = Array<L.LatLngExpression>()\n\n declare _map: L.Map;\n declare _container: SVGElementTagNameMap['svg'];\n\n // declare _container: HTMLElement;\n declare _d3Container: d3.Selection<SVGGElement, unknown, null, undefined>;\n\n public constructor(options?: HexbinLayerConfig) {\n super()\n // L.SVG.prototype.initialize.call(this, options);\n this.options = { ...this.options, ...options };\n this._scale.color\n .range(this.options.colorRange)\n .clamp(true);\n\n this._scale.radius\n .range(this.options.radiusRange)\n .clamp(true);\n };\n\n /**\n * Create the SVG container for the hexbins\n * @private\n */\n _initContainer() {\n super._initContainer();\n this._d3Container = select(this._container).select<SVGElementTagNameMap['g']>('g');\n }\n /**\n * Callback made by Leaflet when the layer is added to the map\n * @param map Reference to the map to which this layer has been added\n */\n onAdd(map: L.Map): this {\n // Call super.onAdd to properly initialize the SVG pane\n super.onAdd(map)\n\n // Store a reference to the map for later use\n this._map = map;\n // Redraw on moveend\n map.on('moveend', this.redraw, this);\n // Initial draw\n this.redraw();\n return this\n }\n\n _project(latlng: L.LatLngExpression) {\n const { x, y } = this._map.latLngToLayerPoint(latlng);\n return [x, y] as const;\n }\n\n /**\n * Callback made by Leaflet when the layer is removed from the map\n * @param map Reference to the map from which this layer is being removed\n */\n onRemove(map: L.Map): this {\n // L.SVG.prototype.onRemove.call(this, map);\n // super.onRemove(map);\n // Destroy the svg container\n this._destroyContainer();\n // Remove events\n map.off('moveend', this.redraw, this);\n return this\n }\n\n /**\n * Clean up the svg container\n * @private\n */\n _destroyContainer() {\n select(this._container).remove();\n }\n\n /**\n * (Re)draws the hexbins data on the container\n * @private\n */\n redraw() {\n const that = this;\n\n if (!that._map) return\n\n // Generate the mapped version of the data\n const data = that._data.map<HexbinData>((d) => {\n const point = that._project(d);\n return { o: d, point };\n });\n\n // Select the hex group for the current zoom level. This has\n // the effect of recreating the group if the zoom level has changed\n const join = this._d3Container.selectAll<SVGGElement, number>('g.hexbin')\n .data<number>([this._map.getZoom()], (d) => d);\n\n // enter\n const enter = join.enter().append('g')\n .attr('class', function (d) { return 'hexbin zoom-' + d; });\n\n // enter + update\n const enterUpdate = enter.merge(join);\n\n // exit\n join.exit().remove();\n\n // add the hexagons to the select\n this._createHexagons(enterUpdate, data);\n\n }\n\n _linearlySpace(from: number, to: number, length: number): number[] {\n const step = (to - from) / Math.max(length - 1, 1);\n return Array.from({ length }, (_, i) => from + (i * step));\n\n // const arr = new Array(length);\n // var step = (to - from) / Math.max(length - 1, 1);\n\n // for (var i = 0; i < length; ++i) {\n // arr[i] = from + (i * step);\n // }\n\n // return arr;\n }\n\n _createHexagons(g: d3.Selection<SVGGElement, number, SVGGElement, unknown>, data: HexbinData[]) {\n const that = this;\n\n // Create the bins using the hexbin layout\n\n // Generate the map bounds (to be used to filter the hexes to what is visible)\n const size = that._map.getSize();\n const bounds = that._map.getBounds().pad(that.options.radius * 2 / Math.max(size.x, size.y));\n\n const bins = that._hexLayout(data).filter(\n ({ x, y }) => bounds.contains(that._map.layerPointToLatLng(L.point(x, y)))\n );\n\n // Derive the extents of the data values for each dimension\n const colorExtent = that._getExtent(bins, that._fn.colorValue, that.options.colorScaleExtent);\n const radiusExtent = that._getExtent(bins, that._fn.radiusValue, that.options.radiusScaleExtent);\n\n // Match the domain cardinality to that of the color range, to allow for a polylinear scale\n const colorDomain = this.options.colorDomain\n ?? that._linearlySpace(\n colorExtent[0],\n colorExtent[1],\n that._scale.color.range().length\n );\n const radiusDomain = this.options.radiusDomain || radiusExtent;\n\n // Set the scale domains\n that._scale.color.domain(colorDomain);\n that._scale.radius.domain(radiusDomain);\n\n\n /*\n * Join\n * Join the Hexagons to the data\n * Use a deterministic id for tracking bins based on position\n */\n // bins = bins.filter(function (d) {\n // return bounds.contains(that._map.layerPointToLatLng(L.point(d.x, d.y)));\n // });\n const join = g.selectAll<SVGGElement, HexbinBin<HexbinData>>('g.hexbin-container')\n .data(bins, ({ x, y }) => `${x}:${y}`);\n\n\n /*\n * Update\n * Set the fill and opacity on a transition\n * opacity is re-applied in case the enter transition was cancelled\n * the path is applied as well to resize the bins\n */\n join.select<SVGPathElement>('path.hexbin-hexagon').transition().duration(that.options.duration)\n .attr('fill', that._fn.fill.bind(that))\n .attr('fill-opacity', that.options.opacity)\n .attr('stroke-opacity', that.options.opacity)\n .attr('d', (d) => {\n return that._hexLayout.hexagon(that._scale.radius(that._fn.radiusValue.call(that, d)));\n });\n\n\n /*\n * Enter\n * Establish the path, size, fill, and the initial opacity\n * Transition to the final opacity and size\n */\n const enter = join.enter().append('g').attr('class', 'hexbin-container')\n .style('pointer-events', that.options.pointerEvents);\n\n const hexagons = enter.append('path').attr('class', 'hexbin-hexagon')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => that._hexLayout.hexagon(that._scale.radius.range()[0]))\n .attr('fill', that._fn.fill.bind(that))\n .attr('fill-opacity', 0.01)\n .attr('stroke-opacity', 0.01)\n .style('pointer-events', 'all');\n\n hexagons.transition().duration(that.options.duration)\n .attr('fill-opacity', that.options.opacity)\n .attr('stroke-opacity', that.options.opacity)\n .attr('d', (d) => that._hexLayout.hexagon(that._scale.radius(that._fn.radiusValue.call(that, d))))\n .style('pointer-events', 'all');\n // .style('pointer-events', that.options.pointerEvents);\n\n // Grid\n const gridEnter = enter.append('path').attr('class', 'hexbin-grid')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => that._hexLayout.hexagon(that.options.radius))\n .attr('fill', 'none')\n .attr('stroke', 'none')\n // .style('pointer-events', that.options.pointerEvents);\n\n\n // Grid enter-update\n // gridEnter(join.select('path.hexbin-hexagon'))\n hexagons\n // join\n .on('mouseover', function (this: SVGPathElement, d: MouseEvent, i) {\n this.parentElement!.parentElement!.appendChild(this.parentElement!);\n that._hoverHandler.mouseover(this, that as L.HexbinLayer, d, i);\n that._dispatch.call('mouseover', this, d, i);\n })\n .on('mouseout', function (this: SVGPathElement, d: MouseEvent, i) {\n that._hoverHandler.mouseout(this, that as L.HexbinLayer, d, i);\n that._dispatch.call('mouseout', this, that as L.HexbinLayer, d, i);\n })\n .on('click', function (this, d, i) {\n that._dispatch.call('click', this, that as L.HexbinLayer, d, i);\n });\n\n\n // Exit\n const exit = join.exit();\n\n exit.select('path.hexbin-hexagon')\n .transition().duration(that.options.duration)\n .attr('fill-opacity', 0)\n .attr('stroke-opacity', 0)\n .attr('d', (d) => that._hexLayout.hexagon(0));\n\n exit.transition().duration(that.options.duration).remove();\n\n }\n\n\n _getExtent(\n bins: HexbinBin<HexbinData>[],\n valueFn: (d: HexbinBin<HexbinData>) => number,\n scaleExtent: [number, number | undefined]\n ) {\n\n // Determine the extent of the values\n let ext = extent<HexbinBin<HexbinData>, number>(bins, valueFn.bind(this));\n if (ext[0] === undefined || ext[1] === undefined) {\n ext = [0, 0]\n }\n // If either's null, initialize them to 0\n // if (undefined == extent[0]) extent[0] = 0;\n // if (null == extent[1]) extent[1] = 0;\n\n // Now apply the optional clipping of the extent\n if (null != scaleExtent[0]) ext[0] = scaleExtent[0];\n if (null != scaleExtent[1]) ext[1] = scaleExtent[1];\n\n return ext\n }\n\n // ------------------------------------\n // Public API\n // ------------------------------------\n\n radius(): number;\n radius(v: number): this;\n radius(v?: number): this | number {\n if (v === undefined) return this.options.radius;\n\n this.options.radius = v;\n this._hexLayout.radius(v);\n\n return this;\n }\n\n opacity(): number;\n opacity(v: number): this;\n opacity(v?: number): this | number {\n if (v === undefined) return this.options.opacity\n this.options.opacity = v;\n\n return this;\n }\n\n duration(): number;\n duration(v: number): this;\n duration(v?: number): this | number {\n if (v === undefined) return this.options.duration\n this.options.duration = v\n\n return this;\n }\n\n colorScaleExtent(): [number, number | undefined];\n colorScaleExtent(v: [number, number | undefined]): this;\n colorScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.colorScaleExtent; }\n this.options.colorScaleExtent = v;\n\n return this;\n }\n\n radiusScaleExtent(): [number, number | undefined];\n radiusScaleExtent(v: [number, number | undefined]): this;\n radiusScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.radiusScaleExtent; }\n this.options.radiusScaleExtent = v;\n\n return this;\n }\n\n colorRange(): string[];\n colorRange(v: string[]): this;\n colorRange(v?: string[]): this | string[] {\n if (v === undefined) { return this.options.colorRange; }\n this.options.colorRange = v;\n this._scale.color.range(v);\n\n return this;\n }\n\n radiusRange(): [number, number];\n radiusRange(v: [number, number]): this;\n radiusRange(v?: [number, number]): this | [number, number] {\n if (v === undefined) { return this.options.radiusRange; }\n this.options.radiusRange = v;\n this._scale.radius.range(v);\n\n return this;\n }\n\n colorScale(): d3.ScaleLinear<string, string>;\n colorScale(v: d3.ScaleLinear<string, string>): this;\n colorScale(v?: d3.ScaleLinear<string, string>) {\n if (v === undefined) return this._scale.color;\n this._scale.color = v;\n return this;\n }\n\n radiusScale(): d3.ScaleLinear<number, number>;\n radiusScale(v: d3.ScaleLinear<number, number>): this;\n radiusScale(v?: d3.ScaleLinear<number, number>): this | d3.ScaleLinear<number, number> {\n if (v === undefined) return this._scale.radius\n this._scale.radius = v;\n return this;\n }\n\n lng(): (d: L.LatLngExpression) => number;\n lng(v: (d: L.LatLngExpression) => number): this;\n lng(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lng; }\n this._fn.lng = v;\n\n return this;\n }\n\n lat(): (d: L.LatLngExpression) => number;\n lat(v: (d: L.LatLngExpression) => number): this;\n lat(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lat; }\n this._fn.lat = v;\n\n return this;\n }\n\n colorValue(): (d: HexbinData[]) => number;\n colorValue(v: (d: HexbinData[]) => number): this;\n colorValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.colorValue; }\n this._fn.colorValue = v;\n\n return this;\n }\n\n radiusValue(): (d: HexbinData[]) => number;\n radiusValue(v: (d: HexbinData[]) => number): this;\n radiusValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.radiusValue; }\n this._fn.radiusValue = v;\n\n return this;\n }\n\n fill(): (d: HexbinData[]) => string;\n fill(v: (d: HexbinData[]) => string): this;\n fill(v?: (d: HexbinData[]) => string) {\n if (v === undefined) { return this._fn.fill; }\n this._fn.fill = v;\n\n return this;\n }\n\n data(): L.LatLngExpression[];\n data(v: L.LatLngExpression[]): this;\n data(v?: L.LatLngExpression[]): this | L.LatLngExpression[] {\n if (v === undefined) { return this._data; }\n this._data = (null != v) ? v : [];\n this.redraw();\n\n return this;\n }\n\n /*\n * Getter for the event dispatcher\n */\n dispatch() { return this._dispatch }\n\n hoverHandler(): HexbinHoverHandler;\n hoverHandler(v: HexbinHoverHandler): this;\n hoverHandler(v?: HexbinHoverHandler): this | HexbinHoverHandler {\n if (v === undefined) { return this._hoverHandler; }\n this._hoverHandler = (null != v) ? v : HexbinHoverHandler.none();\n\n this.redraw();\n\n return this;\n }\n\n /*\n * Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.\n */\n getLatLngs() {\n const that = this;\n\n // Map the data into an array of latLngs using the configured lat/lng accessors\n return this._data.map(function (d) {\n return L.latLng(that._fn.lat(d), that._fn.lng(d));\n });\n }\n\n /*\n * Get path geometry as GeoJSON\n */\n toGeoJSON(): GeoJSON.Feature<GeoJSON.MultiPoint, L.LatLng> {\n return L.GeoJSON.getFeature<L.LatLng, GeoJSON.MultiPoint>(this, {\n type: 'MultiPoint',\n coordinates: L.GeoJSON.latLngsToCoords(this.getLatLngs(), 0)\n });\n }\n}\n\nexport function hexbinLayer(options?: HexbinLayerConfig) {\n return new HexbinLayer(options);\n}\n\n\n","import { HexbinLayer as CHexbinLayer, HexbinLayer, type HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer } from './HexbinLayer'\nimport HexbinHoverHandler, { HexbinHoverHandler as IHexbinHoverHandler } from './HexbinHoverHandler'\n\nimport * as L from \"leaflet\"\n\n\ndeclare module 'leaflet' {\n interface HexbinLayer extends CHexbinLayer { }\n interface HexbinLayerConfig extends IHexbinLayerConfig { }\n interface HexbinHoverHandler extends IHexbinHoverHandler { }\n function hexbinLayer(config?: HexbinLayerConfig): HexbinLayer;\n}\n\n(L as any).HexbinLayer = CHexbinLayer;\n(L as any).HexbinHoverHandler = HexbinHoverHandler;\n(L as any).hexbinLayer = hexbinLayer\n\n\nexport {\n HexbinHoverHandler,\n CHexbinLayer as HexbinLayer,\n hexbinLayer,\n type IHexbinLayerConfig as HexbinLayerConfig\n}\n"],"names":["HexbinHoverHandler","tooltip","options","d","d3","svg","hexLayer","event","data","gCoords","div","h","w","resizeFill","resizeScale","radiusScale","compound","handlers","none","HexbinHoverHandler$1","HexbinLayer","L","val","scaleLinear","dispatch","hexbin","x","_","y","select","map","latlng","that","point","join","enterUpdate","from","to","length","step","g","size","bounds","bins","colorExtent","radiusExtent","colorDomain","radiusDomain","enter","hexagons","i","exit","valueFn","scaleExtent","ext","extent","v","hexbinLayer","CHexbinLayer"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/HexbinHoverHandler.ts","../src/HexbinLayer.ts","../src/index.ts"],"sourcesContent":["import * as d3 from 'd3';\nimport type { HexbinData } from './HexbinLayer';\nimport { type HexbinLayer } from './HexbinLayer';\n\nexport interface HexbinHoverHandler {\n mouseover(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n mouseout(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n}\n\nexport namespace HexbinHoverHandler {\n\n interface TooltipOptions {\n tooltipContent: (d: HexbinData[], hexLayer: HexbinLayer) => string;\n }\n\n export function tooltip(options: TooltipOptions = { tooltipContent(d) { return `Count: ${d.length}` } }): HexbinHoverHandler {\n\n // Generate the tooltip\n const tooltip = d3.select('body').append('div')\n .attr('class', 'hexbin-tooltip')\n .style('z-index', 9999)\n .style('pointer-events', 'none')\n .style('visibility', 'hidden')\n .style('position', 'fixed');\n\n tooltip.append('div').attr('class', 'tooltip-content');\n\n // return the handler instance\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const gCoords = d3.pointer(event);\n\n tooltip\n .style('visibility', 'visible')\n .html(options.tooltipContent(data, hexLayer));\n\n\n const div = tooltip.node();\n if (!div) {\n console.warn(\"Leaflet hexbin: tooltip node not found\");\n return\n }\n const h = div.clientHeight, w = div.clientWidth;\n\n tooltip\n .style('top', event.clientY - gCoords[1] - h - 16 + 'px')\n .style('left', event.clientX - gCoords[0] - w / 2 + 'px');\n\n },\n mouseout: function (svg, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n tooltip\n .style('visibility', 'hidden')\n .html();\n }\n };\n\n }\n\n export function resizeFill(): HexbinHoverHandler {\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer.options.radius);\n });\n },\n mouseout: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select<SVGPathElement>('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n\n }\n\n export interface ResizeScaleOptions {\n radiusScale?: number;\n duration?: number;\n }\n\n export function resizeScale(radiusScale: number = 1.5): HexbinHoverHandler {\n\n // return the handler instance\n return {\n mouseover: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', function () {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius.range()[1] * (radiusScale));\n });\n },\n mouseout: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement!);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', (d) => {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n }\n\n\n export function compound(handlers: HexbinHoverHandler[] = [none()]): HexbinHoverHandler {\n return {\n mouseover: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseover(svg, hexLayer, event, data); });\n },\n mouseout: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseout(svg, hexLayer, event, data); });\n }\n };\n }\n\n export function none(): HexbinHoverHandler {\n return {\n mouseover: function () { },\n mouseout: function () { }\n };\n }\n\n}\nexport default HexbinHoverHandler\n","import { scaleLinear, dispatch, select, extent } from 'd3';\nimport { hexbin, type HexbinBin } from 'd3-hexbin';\nimport * as L from 'leaflet';\nimport HexbinHoverHandler from './HexbinHoverHandler';\n\n// Need to expose some methods from L.SVG\ndeclare module 'leaflet' {\n interface SVG {\n _initContainer(): void;\n _container: SVGElementTagNameMap['svg']\n }\n}\n\nexport interface HexbinLayerConfig {\n radius?: number,\n opacity?: number,\n duration?: number,\n\n colorScaleExtent?: [number, number | undefined],\n colorDomain?: number[] | null\n colorRange?: string[],\n\n radiusScaleExtent?: [number, number | undefined],\n radiusDomain?: number[] | null\n radiusRange?: [number, number],\n\n pointerEvents?: string\n}\n\nexport type HexbinData = {\n o: L.LatLngExpression;\n point: Readonly<[number, number]>;\n}\n\n\n/**\n * L is defined by the Leaflet library, see git://github.com/Leaflet/Leaflet.git for documentation\n * We extend L.SVG to take advantage of built-in zoom animations.\n */\nexport class HexbinLayer extends L.SVG implements L.HexbinLayer {\n options: Required<HexbinLayerConfig> & L.RendererOptions = {\n radius: 12,\n opacity: 0.6,\n duration: 200,\n\n colorScaleExtent: [1, undefined],\n radiusScaleExtent: [1, undefined],\n colorDomain: null,\n radiusDomain: null,\n colorRange: ['#f7fbff', '#08306b'],\n radiusRange: [4, 12],\n\n pointerEvents: 'all',\n // Handle parent default options\n // ...L.SVG.prototype.options,\n ...L.Renderer.prototype.options,\n ...L.Layer.prototype.options\n }\n _fn = {\n lng: (d: L.LatLngExpression) => L.latLng(d).lng,\n lat: (d: L.LatLngExpression) => L.latLng(d).lat,\n colorValue: (d: HexbinData[]) => d.length,\n radiusValue: (d: HexbinData[]) => Number.MAX_VALUE,\n fill: (d: HexbinData[]) => {\n const val = this._fn.colorValue(d);\n return (null != val) ? this._scale.color(val) : 'none';\n }\n }\n // Set up the customizable scale\n _scale = {\n color: scaleLinear<string, string>(),\n radius: scaleLinear()\n };\n\n // Set up the Dispatcher for managing events and callbacks\n _dispatch = dispatch<SVGPathElement>('mouseover', 'mouseout', 'click');\n\n // Set up the default hover handler\n _hoverHandler: HexbinHoverHandler = HexbinHoverHandler.none();\n\n // Create the hex layout\n _hexLayout = hexbin<HexbinData>()\n .radius(this.options.radius)\n .x(({ point: [x, _] }) => x)\n .y(({ point: [_, y] }) => y);\n\n // Initialize the data array to be empty\n _data = Array<L.LatLngExpression>()\n\n declare _map: L.Map;\n declare _container: SVGElementTagNameMap['svg'];\n\n // declare _container: HTMLElement;\n declare _d3Container: d3.Selection<SVGGElement, unknown, null, undefined>;\n\n public constructor(options?: HexbinLayerConfig) {\n super()\n // L.SVG.prototype.initialize.call(this, options);\n this.options = { ...this.options, ...options };\n this._scale.color\n .range(this.options.colorRange)\n .clamp(true);\n\n this._scale.radius\n .range(this.options.radiusRange)\n .clamp(true);\n };\n\n /**\n * Create the SVG container for the hexbins\n * @private\n */\n _initContainer() {\n super._initContainer();\n this._d3Container = select(this._container).select<SVGElementTagNameMap['g']>('g');\n }\n /**\n * Callback made by Leaflet when the layer is added to the map\n * @param map Reference to the map to which this layer has been added\n */\n onAdd(map: L.Map): this {\n // Call super.onAdd to properly initialize the SVG pane\n super.onAdd(map)\n\n // Store a reference to the map for later use\n this._map = map;\n // Redraw on moveend\n map.on('moveend', this.redraw, this);\n // Initial draw\n this.redraw();\n return this\n }\n\n _project(latlng: L.LatLngExpression) {\n const { x, y } = this._map.latLngToLayerPoint(latlng);\n return [x, y] as const;\n }\n\n /**\n * Callback made by Leaflet when the layer is removed from the map\n * @param map Reference to the map from which this layer is being removed\n */\n onRemove(map: L.Map): this {\n // Destroy the svg container\n this._destroyContainer();\n // Remove events\n map.off('moveend', this.redraw, this);\n return this\n }\n\n /**\n * Clean up the svg container\n * @private\n */\n _destroyContainer() {\n select(this._container).remove();\n }\n\n /**\n * (Re)draws the hexbins data on the container\n * @private\n */\n redraw() {\n const that = this;\n\n if (!that._map) return\n\n // Generate the mapped version of the data\n const data = that._data.map<HexbinData>((d) => {\n const point = that._project(d);\n return { o: d, point };\n });\n\n // Select the hex group for the current zoom level. This has\n // the effect of recreating the group if the zoom level has changed\n const join = this._d3Container.selectAll<SVGGElement, number>('g.hexbin')\n .data<number>([this._map.getZoom()], (d) => d);\n\n // enter\n const enter = join.enter().append('g')\n .attr('class', function (d) { return 'hexbin zoom-' + d; });\n\n // enter + update\n const enterUpdate = enter.merge(join);\n\n // exit\n join.exit().remove();\n\n // add the hexagons to the select\n this._createHexagons(enterUpdate, data);\n\n }\n\n _linearlySpace(from: number, to: number, length: number): number[] {\n const step = (to - from) / Math.max(length - 1, 1);\n return Array.from({ length }, (_, i) => from + (i * step));\n }\n\n _createHexagons(g: d3.Selection<SVGGElement, number, SVGGElement, unknown>, data: HexbinData[]) {\n const thisLayer = this;\n\n // Create the bins using the hexbin layout\n\n // Generate the map bounds (to be used to filter the hexes to what is visible)\n const size = thisLayer._map.getSize();\n const bounds = thisLayer._map.getBounds().pad(thisLayer.options.radius * 2 / Math.max(size.x, size.y));\n\n const bins = thisLayer._hexLayout(data).filter(\n ({ x, y }) => bounds.contains(thisLayer._map.layerPointToLatLng(L.point(x, y)))\n );\n\n // Derive the extents of the data values for each dimension\n const colorExtent = thisLayer._getExtent(bins, thisLayer._fn.colorValue, thisLayer.options.colorScaleExtent);\n const radiusExtent = thisLayer._getExtent(bins, thisLayer._fn.radiusValue, thisLayer.options.radiusScaleExtent);\n\n // Match the domain cardinality to that of the color range, to allow for a polylinear scale\n const colorDomain = this.options.colorDomain\n ?? thisLayer._linearlySpace(\n colorExtent[0],\n colorExtent[1],\n thisLayer._scale.color.range().length\n );\n const radiusDomain = this.options.radiusDomain || radiusExtent;\n\n // Set the scale domains\n thisLayer._scale.color.domain(colorDomain);\n thisLayer._scale.radius.domain(radiusDomain);\n\n\n /*\n * Join\n * Join the Hexagons to the data\n * Use a deterministic id for tracking bins based on position\n */\n const join = g.selectAll<SVGGElement, HexbinBin<HexbinData>>('g.hexbin-container')\n .data(bins, ({ x, y }) => `${x}:${y}`);\n\n\n /*\n * Update\n * Set the fill and opacity on a transition\n * opacity is re-applied in case the enter transition was cancelled\n * the path is applied as well to resize the bins\n */\n join.select<SVGPathElement>('path.hexbin-hexagon')\n .transition().duration(thisLayer.options.duration)\n .attr('fill', thisLayer._fn.fill.bind(thisLayer))\n .attr('fill-opacity', thisLayer.options.opacity)\n .attr('stroke-opacity', thisLayer.options.opacity)\n .attr('d', (d) => {\n return thisLayer._hexLayout.hexagon(thisLayer._scale.radius(thisLayer._fn.radiusValue.call(thisLayer, d)));\n });\n\n\n /*\n * Enter\n * Establish the path, size, fill, and the initial opacity\n * Transition to the final opacity and size\n */\n const container = join.enter().append('g').attr('class', 'hexbin-container')\n .style('pointer-events', thisLayer.options.pointerEvents);\n\n\n container.on('mouseover', function (this: SVGGElement, d: MouseEvent, i) {\n // Bring container to foreground by re-appending it to the DOM\n const c = select<SVGGElement, HexbinBin<HexbinData>>(this).raise();\n })\n\n const hexagons = container.append('path').attr('class', 'hexbin-hexagon')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => thisLayer._hexLayout.hexagon(thisLayer._scale.radius.range()[0]))\n .attr('fill', thisLayer._fn.fill.bind(thisLayer))\n .attr('fill-opacity', 0.01)\n .attr('stroke-opacity', 0.01)\n .style('pointer-events', 'all');\n\n hexagons.transition().duration(thisLayer.options.duration)\n .attr('fill-opacity', thisLayer.options.opacity)\n .attr('stroke-opacity', thisLayer.options.opacity)\n .attr('d', (d) => thisLayer._hexLayout.hexagon(thisLayer._scale.radius(thisLayer._fn.radiusValue.call(thisLayer, d))))\n .style('pointer-events', 'all');\n\n // Grid\n const gridEnter = container.append('path').attr('class', 'hexbin-grid')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => thisLayer._hexLayout.hexagon(thisLayer.options.radius))\n .attr('fill', 'none')\n .attr('stroke', 'none')\n\n\n // Grid enter-update\n hexagons.on('mouseover', function (this: SVGPathElement, d: MouseEvent, i) {\n thisLayer._hoverHandler.mouseover(this, thisLayer as L.HexbinLayer, d, i);\n thisLayer._dispatch.call('mouseover', this, d, i);\n this.classList.add('hover')\n })\n .on('mouseout', function (this: SVGPathElement, d: MouseEvent, i) {\n thisLayer._hoverHandler.mouseout(this, thisLayer as L.HexbinLayer, d, i);\n thisLayer._dispatch.call('mouseout', this, thisLayer as L.HexbinLayer, d, i);\n this.classList.remove('hover')\n })\n .on('click', function (this, d, i) {\n thisLayer._dispatch.call('click', this, thisLayer as L.HexbinLayer, d, i);\n });\n\n\n // Exit\n const exit = join.exit();\n\n exit.select('path.hexbin-hexagon')\n .transition().duration(thisLayer.options.duration)\n .attr('fill-opacity', 0)\n .attr('stroke-opacity', 0)\n .attr('d', (d) => thisLayer._hexLayout.hexagon(0));\n\n exit.transition().duration(thisLayer.options.duration).remove();\n\n }\n\n _getExtent(\n bins: HexbinBin<HexbinData>[],\n valueFn: (d: HexbinBin<HexbinData>) => number,\n scaleExtent: [number, number | undefined]\n ): [number, number] {\n\n // Determine the extent of the values\n let ext = extent<HexbinBin<HexbinData>, number>(bins, valueFn.bind(this));\n // If either's null, initialize them to 0\n if (ext[0] === undefined || ext[1] === undefined) {\n ext = [0, 0]\n }\n\n // Now apply the optional clipping of the extent\n if (undefined != scaleExtent[0]) ext[0] = scaleExtent[0];\n if (undefined != scaleExtent[1]) ext[1] = scaleExtent[1];\n\n return ext as [number, number]\n }\n\n // ------------------------------------\n // Public API\n // ------------------------------------\n\n radius(): number;\n radius(v: number): this;\n radius(v?: number): this | number {\n if (v === undefined) return this.options.radius;\n\n this.options.radius = v;\n this._hexLayout.radius(v);\n\n return this;\n }\n\n opacity(): number;\n opacity(v: number): this;\n opacity(v?: number): this | number {\n if (v === undefined) return this.options.opacity\n this.options.opacity = v;\n\n return this;\n }\n\n duration(): number;\n duration(v: number): this;\n duration(v?: number): this | number {\n if (v === undefined) return this.options.duration\n this.options.duration = v\n\n return this;\n }\n\n colorScaleExtent(): [number, number | undefined];\n colorScaleExtent(v: [number, number | undefined]): this;\n colorScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.colorScaleExtent; }\n this.options.colorScaleExtent = v;\n\n return this;\n }\n\n radiusScaleExtent(): [number, number | undefined];\n radiusScaleExtent(v: [number, number | undefined]): this;\n radiusScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.radiusScaleExtent; }\n this.options.radiusScaleExtent = v;\n\n return this;\n }\n\n colorRange(): string[];\n colorRange(v: string[]): this;\n colorRange(v?: string[]): this | string[] {\n if (v === undefined) { return this.options.colorRange; }\n this.options.colorRange = v;\n this._scale.color.range(v);\n\n return this;\n }\n\n radiusRange(): [number, number];\n radiusRange(v: [number, number]): this;\n radiusRange(v?: [number, number]): this | [number, number] {\n if (v === undefined) { return this.options.radiusRange; }\n this.options.radiusRange = v;\n this._scale.radius.range(v);\n\n return this;\n }\n\n colorScale(): d3.ScaleLinear<string, string>;\n colorScale(v: d3.ScaleLinear<string, string>): this;\n colorScale(v?: d3.ScaleLinear<string, string>) {\n if (v === undefined) return this._scale.color;\n this._scale.color = v;\n return this;\n }\n\n radiusScale(): d3.ScaleLinear<number, number>;\n radiusScale(v: d3.ScaleLinear<number, number>): this;\n radiusScale(v?: d3.ScaleLinear<number, number>): this | d3.ScaleLinear<number, number> {\n if (v === undefined) return this._scale.radius\n this._scale.radius = v;\n return this;\n }\n\n lng(): (d: L.LatLngExpression) => number;\n lng(v: (d: L.LatLngExpression) => number): this;\n lng(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lng; }\n this._fn.lng = v;\n\n return this;\n }\n\n lat(): (d: L.LatLngExpression) => number;\n lat(v: (d: L.LatLngExpression) => number): this;\n lat(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lat; }\n this._fn.lat = v;\n\n return this;\n }\n\n colorValue(): (d: HexbinData[]) => number;\n colorValue(v: (d: HexbinData[]) => number): this;\n colorValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.colorValue; }\n this._fn.colorValue = v;\n\n return this;\n }\n\n radiusValue(): (d: HexbinData[]) => number;\n radiusValue(v: (d: HexbinData[]) => number): this;\n radiusValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.radiusValue; }\n this._fn.radiusValue = v;\n\n return this;\n }\n\n fill(): (d: HexbinData[]) => string;\n fill(v: (d: HexbinData[]) => string): this;\n fill(v?: (d: HexbinData[]) => string) {\n if (v === undefined) { return this._fn.fill; }\n this._fn.fill = v;\n\n return this;\n }\n\n data(): L.LatLngExpression[];\n data(v: L.LatLngExpression[]): this;\n data(v?: L.LatLngExpression[]): this | L.LatLngExpression[] {\n if (v === undefined) { return this._data; }\n this._data = (null != v) ? v : [];\n this.redraw();\n\n return this;\n }\n\n /*\n * Getter for the event dispatcher\n */\n dispatch() { return this._dispatch }\n\n hoverHandler(): HexbinHoverHandler;\n hoverHandler(v: HexbinHoverHandler): this;\n hoverHandler(v?: HexbinHoverHandler): this | HexbinHoverHandler {\n if (v === undefined) { return this._hoverHandler; }\n this._hoverHandler = (null != v) ? v : HexbinHoverHandler.none();\n\n this.redraw();\n\n return this;\n }\n\n /*\n * Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.\n */\n getLatLngs() {\n const that = this;\n\n // Map the data into an array of latLngs using the configured lat/lng accessors\n return this._data.map(function (d) {\n return L.latLng(that._fn.lat(d), that._fn.lng(d));\n });\n }\n /*\n * Get path geometry as GeoJSON\n */\n toGeoJSON(): GeoJSON.Feature<GeoJSON.MultiPoint, L.LatLng> {\n return L.GeoJSON.getFeature<L.LatLng, GeoJSON.MultiPoint>(this, {\n type: 'MultiPoint',\n coordinates: L.GeoJSON.latLngsToCoords(this.getLatLngs(), 0)\n });\n }\n}\n\nexport function hexbinLayer(options?: HexbinLayerConfig) {\n return new HexbinLayer(options);\n}\n\n\n","import { HexbinLayer as CHexbinLayer, type HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer, type HexbinData } from './HexbinLayer'\nimport HexbinHoverHandler, { HexbinHoverHandler as IHexbinHoverHandler } from './HexbinHoverHandler'\n\nimport * as L from \"leaflet\"\n\n\ndeclare module 'leaflet' {\n interface HexbinLayer extends CHexbinLayer { }\n interface HexbinLayerConfig extends IHexbinLayerConfig { }\n interface HexbinHoverHandler extends IHexbinHoverHandler { }\n function hexbinLayer(config?: HexbinLayerConfig): HexbinLayer;\n}\n\nL.extend(L, {\n HexbinLayer: CHexbinLayer,\n HexbinHoverHandler,\n hexbinLayer\n})\n\nwindow.L = L\n\nexport {\n type HexbinData,\n HexbinHoverHandler,\n CHexbinLayer as HexbinLayer,\n hexbinLayer,\n type IHexbinLayerConfig as HexbinLayerConfig\n}\n"],"names":["HexbinHoverHandler","tooltip","options","d","d3","svg","hexLayer","event","data","gCoords","div","h","w","resizeFill","resizeScale","radiusScale","compound","handlers","none","HexbinHoverHandler$1","HexbinLayer","L","val","scaleLinear","dispatch","hexbin","x","_","y","select","map","latlng","that","point","join","enterUpdate","from","to","length","step","g","thisLayer","size","bounds","bins","colorExtent","radiusExtent","colorDomain","radiusDomain","container","i","hexagons","exit","valueFn","scaleExtent","ext","extent","v","hexbinLayer","CHexbinLayer"],"mappings":"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"}
|
package/dist/index.umd.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
(function(
|
1
|
+
(function(_,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("d3"),require("d3-hexbin"),require("leaflet")):typeof define=="function"&&define.amd?define(["exports","d3","d3-hexbin","leaflet"],h):(_=typeof globalThis<"u"?globalThis:_||self,h(_["leaflet-hexbin"]={},_.d3,_["d3-hexbin"],_.L))})(this,function(_,h,w,H){"use strict";function E(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(t,n,e.get?e:{enumerable:!0,get:()=>l[n]})}}return t.default=l,Object.freeze(t)}const m=E(h),p=E(H);var v;(l=>{function t(o={tooltipContent(i){return`Count: ${i.length}`}}){const i=m.select("body").append("div").attr("class","hexbin-tooltip").style("z-index",9999).style("pointer-events","none").style("visibility","hidden").style("position","fixed");return i.append("div").attr("class","tooltip-content"),{mouseover:function(s,f,d,u){const g=m.pointer(d);i.style("visibility","visible").html(o.tooltipContent(u,f));const y=i.node();if(!y){console.warn("Leaflet hexbin: tooltip node not found");return}const L=y.clientHeight,r=y.clientWidth;i.style("top",d.clientY-g[1]-L-16+"px").style("left",d.clientX-g[0]-r/2+"px")},mouseout:function(s,f,d,u){i.style("visibility","hidden").html()}}}l.tooltip=t;function n(){return{mouseover:function(o,i,s,f){m.select(o.parentElement).select("path.hexbin-hexagon").attr("d",function(u){return i._hexLayout.hexagon(i.options.radius)})},mouseout:function(o,i,s,f){m.select(o.parentElement).select("path.hexbin-hexagon").attr("d",function(u){return i._hexLayout.hexagon(i._scale.radius(i._fn.radiusValue.call(i,u)))})}}}l.resizeFill=n;function e(o=1.5){return{mouseover:function(i,s,f,d){m.select(i.parentElement).select("path.hexbin-hexagon").transition().duration(s.options.duration).attr("d",function(){return s._hexLayout.hexagon(s._scale.radius.range()[1]*o)})},mouseout:function(i,s,f,d){m.select(i.parentElement).select("path.hexbin-hexagon").transition().duration(s.options.duration).attr("d",g=>s._hexLayout.hexagon(s._scale.radius(s._fn.radiusValue.call(s,g))))}}}l.resizeScale=e;function c(o=[x()]){return{mouseover:function(i,s,f,d){o.forEach(u=>{u.mouseover(i,s,f,d)})},mouseout:function(i,s,f,d){o.forEach(u=>{u.mouseout(i,s,f,d)})}}}l.compound=c;function x(){return{mouseover:function(){},mouseout:function(){}}}l.none=x})(v||(v={}));const b=v;class S extends p.SVG{constructor(t){super(),this.options={radius:12,opacity:.6,duration:200,colorScaleExtent:[1,void 0],radiusScaleExtent:[1,void 0],colorDomain:null,radiusDomain:null,colorRange:["#f7fbff","#08306b"],radiusRange:[4,12],pointerEvents:"all",...p.Renderer.prototype.options,...p.Layer.prototype.options},this._fn={lng:n=>p.latLng(n).lng,lat:n=>p.latLng(n).lat,colorValue:n=>n.length,radiusValue:n=>Number.MAX_VALUE,fill:n=>{const e=this._fn.colorValue(n);return e!=null?this._scale.color(e):"none"}},this._scale={color:h.scaleLinear(),radius:h.scaleLinear()},this._dispatch=h.dispatch("mouseover","mouseout","click"),this._hoverHandler=b.none(),this._hexLayout=w.hexbin().radius(this.options.radius).x(({point:[n,e]})=>n).y(({point:[n,e]})=>e),this._data=Array(),this.options={...this.options,...t},this._scale.color.range(this.options.colorRange).clamp(!0),this._scale.radius.range(this.options.radiusRange).clamp(!0)}_initContainer(){super._initContainer(),this._d3Container=h.select(this._container).select("g")}onAdd(t){return super.onAdd(t),this._map=t,t.on("moveend",this.redraw,this),this.redraw(),this}_project(t){const{x:n,y:e}=this._map.latLngToLayerPoint(t);return[n,e]}onRemove(t){return this._destroyContainer(),t.off("moveend",this.redraw,this),this}_destroyContainer(){h.select(this._container).remove()}redraw(){const t=this;if(!t._map)return;const n=t._data.map(o=>{const i=t._project(o);return{o,point:i}}),e=this._d3Container.selectAll("g.hexbin").data([this._map.getZoom()],o=>o),x=e.enter().append("g").attr("class",function(o){return"hexbin zoom-"+o}).merge(e);e.exit().remove(),this._createHexagons(x,n)}_linearlySpace(t,n,e){const c=(n-t)/Math.max(e-1,1);return Array.from({length:e},(x,o)=>t+o*c)}_createHexagons(t,n){const e=this,c=e._map.getSize(),x=e._map.getBounds().pad(e.options.radius*2/Math.max(c.x,c.y)),o=e._hexLayout(n).filter(({x:r,y:a})=>x.contains(e._map.layerPointToLatLng(p.point(r,a)))),i=e._getExtent(o,e._fn.colorValue,e.options.colorScaleExtent),s=e._getExtent(o,e._fn.radiusValue,e.options.radiusScaleExtent),f=this.options.colorDomain??e._linearlySpace(i[0],i[1],e._scale.color.range().length),d=this.options.radiusDomain||s;e._scale.color.domain(f),e._scale.radius.domain(d);const u=t.selectAll("g.hexbin-container").data(o,({x:r,y:a})=>`${r}:${a}`);u.select("path.hexbin-hexagon").transition().duration(e.options.duration).attr("fill",e._fn.fill.bind(e)).attr("fill-opacity",e.options.opacity).attr("stroke-opacity",e.options.opacity).attr("d",r=>e._hexLayout.hexagon(e._scale.radius(e._fn.radiusValue.call(e,r))));const g=u.enter().append("g").attr("class","hexbin-container").style("pointer-events",e.options.pointerEvents);g.on("mouseover",function(r,a){h.select(this).raise()});const y=g.append("path").attr("class","hexbin-hexagon").attr("transform",({x:r,y:a})=>`translate(${r},${a})`).attr("d",()=>e._hexLayout.hexagon(e._scale.radius.range()[0])).attr("fill",e._fn.fill.bind(e)).attr("fill-opacity",.01).attr("stroke-opacity",.01).style("pointer-events","all");y.transition().duration(e.options.duration).attr("fill-opacity",e.options.opacity).attr("stroke-opacity",e.options.opacity).attr("d",r=>e._hexLayout.hexagon(e._scale.radius(e._fn.radiusValue.call(e,r)))).style("pointer-events","all"),g.append("path").attr("class","hexbin-grid").attr("transform",({x:r,y:a})=>`translate(${r},${a})`).attr("d",()=>e._hexLayout.hexagon(e.options.radius)).attr("fill","none").attr("stroke","none"),y.on("mouseover",function(r,a){e._hoverHandler.mouseover(this,e,r,a),e._dispatch.call("mouseover",this,r,a),this.classList.add("hover")}).on("mouseout",function(r,a){e._hoverHandler.mouseout(this,e,r,a),e._dispatch.call("mouseout",this,e,r,a),this.classList.remove("hover")}).on("click",function(r,a){e._dispatch.call("click",this,e,r,a)});const L=u.exit();L.select("path.hexbin-hexagon").transition().duration(e.options.duration).attr("fill-opacity",0).attr("stroke-opacity",0).attr("d",r=>e._hexLayout.hexagon(0)),L.transition().duration(e.options.duration).remove()}_getExtent(t,n,e){let c=h.extent(t,n.bind(this));return(c[0]===void 0||c[1]===void 0)&&(c=[0,0]),e[0]!=null&&(c[0]=e[0]),e[1]!=null&&(c[1]=e[1]),c}radius(t){return t===void 0?this.options.radius:(this.options.radius=t,this._hexLayout.radius(t),this)}opacity(t){return t===void 0?this.options.opacity:(this.options.opacity=t,this)}duration(t){return t===void 0?this.options.duration:(this.options.duration=t,this)}colorScaleExtent(t){return t===void 0?this.options.colorScaleExtent:(this.options.colorScaleExtent=t,this)}radiusScaleExtent(t){return t===void 0?this.options.radiusScaleExtent:(this.options.radiusScaleExtent=t,this)}colorRange(t){return t===void 0?this.options.colorRange:(this.options.colorRange=t,this._scale.color.range(t),this)}radiusRange(t){return t===void 0?this.options.radiusRange:(this.options.radiusRange=t,this._scale.radius.range(t),this)}colorScale(t){return t===void 0?this._scale.color:(this._scale.color=t,this)}radiusScale(t){return t===void 0?this._scale.radius:(this._scale.radius=t,this)}lng(t){return t===void 0?this._fn.lng:(this._fn.lng=t,this)}lat(t){return t===void 0?this._fn.lat:(this._fn.lat=t,this)}colorValue(t){return t===void 0?this._fn.colorValue:(this._fn.colorValue=t,this)}radiusValue(t){return t===void 0?this._fn.radiusValue:(this._fn.radiusValue=t,this)}fill(t){return t===void 0?this._fn.fill:(this._fn.fill=t,this)}data(t){return t===void 0?this._data:(this._data=t??[],this.redraw(),this)}dispatch(){return this._dispatch}hoverHandler(t){return t===void 0?this._hoverHandler:(this._hoverHandler=t??b.none(),this.redraw(),this)}getLatLngs(){const t=this;return this._data.map(function(n){return p.latLng(t._fn.lat(n),t._fn.lng(n))})}toGeoJSON(){return p.GeoJSON.getFeature(this,{type:"MultiPoint",coordinates:p.GeoJSON.latLngsToCoords(this.getLatLngs(),0)})}}function V(l){return new S(l)}p.extend(p,{HexbinLayer:S,HexbinHoverHandler:b,hexbinLayer:V}),window.L=p,_.HexbinHoverHandler=b,_.HexbinLayer=S,_.hexbinLayer=V,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
|
2
2
|
//# sourceMappingURL=index.umd.js.map
|
package/dist/index.umd.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/HexbinHoverHandler.ts","../src/HexbinLayer.ts","../src/index.ts"],"sourcesContent":["import * as d3 from 'd3';\nimport type { HexbinData } from './HexbinLayer';\nimport { type HexbinLayer } from './HexbinLayer';\n\nexport interface HexbinHoverHandler {\n mouseover(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n mouseout(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n}\n\nexport namespace HexbinHoverHandler {\n\n interface TooltipOptions {\n tooltipContent: (d: HexbinData[], hexLayer: HexbinLayer) => string;\n }\n\n export function tooltip(options: TooltipOptions = { tooltipContent(d) { return `Count: ${d.length}` } }): HexbinHoverHandler {\n\n // Generate the tooltip\n const tooltip = d3.select('body').append('div')\n .attr('class', 'hexbin-tooltip')\n .style('z-index', 9999)\n .style('pointer-events', 'none')\n .style('visibility', 'hidden')\n .style('position', 'fixed');\n\n tooltip.append('div').attr('class', 'tooltip-content');\n\n // return the handler instance\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const gCoords = d3.pointer(event);\n\n tooltip\n .style('visibility', 'visible')\n .html(options.tooltipContent(data, hexLayer));\n\n\n const div = tooltip.node();\n if (!div) {\n console.warn(\"Leaflet hexbin: tooltip node not found\");\n return\n }\n const h = div.clientHeight, w = div.clientWidth;\n\n tooltip\n .style('top', event.clientY - gCoords[1] - h - 16 + 'px')\n .style('left', event.clientX - gCoords[0] - w / 2 + 'px');\n\n },\n mouseout: function (svg, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n tooltip\n .style('visibility', 'hidden')\n .html();\n }\n };\n\n }\n\n export function resizeFill(): HexbinHoverHandler {\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer.options.radius);\n });\n },\n mouseout: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select<SVGPathElement>('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n\n }\n\n export interface ResizeScaleOptions {\n radiusScale?: number;\n duration?: number;\n }\n\n export function resizeScale(radiusScale: number = 1.5): HexbinHoverHandler {\n\n // return the handler instance\n return {\n mouseover: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', function () {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius.range()[1] * (radiusScale));\n });\n },\n mouseout: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement!);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', (d) => {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n }\n\n\n export function compound(handlers: HexbinHoverHandler[] = [none()]): HexbinHoverHandler {\n return {\n mouseover: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseover(svg, hexLayer, event, data); });\n },\n mouseout: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseout(svg, hexLayer, event, data); });\n }\n };\n }\n\n export function none(): HexbinHoverHandler {\n return {\n mouseover: function () { },\n mouseout: function () { }\n };\n }\n\n}\nexport default HexbinHoverHandler\n","import { scaleLinear, dispatch, select, extent } from 'd3';\nimport { hexbin, type HexbinBin } from 'd3-hexbin';\nimport * as L from 'leaflet';\nimport HexbinHoverHandler from './HexbinHoverHandler';\n\n// Need to expose some methods from L.SVG\ndeclare module 'leaflet' {\n interface SVG {\n _initContainer(): void;\n _container: SVGElementTagNameMap['svg']\n }\n}\n\nexport interface HexbinLayerConfig {\n radius?: number,\n opacity?: number,\n duration?: number,\n\n colorScaleExtent?: [number, number | undefined],\n colorDomain?: number[] | null\n colorRange?: string[],\n\n radiusScaleExtent?: [number, number | undefined],\n radiusDomain?: number[] | null\n radiusRange?: [number, number],\n\n pointerEvents?: string\n}\n\nexport type HexbinData = {\n o: L.LatLngExpression;\n point: Readonly<[number, number]>;\n}\n\n\n/**\n * L is defined by the Leaflet library, see git://github.com/Leaflet/Leaflet.git for documentation\n * We extend L.SVG to take advantage of built-in zoom animations.\n */\nexport class HexbinLayer extends L.SVG implements L.HexbinLayer {\n options: Required<HexbinLayerConfig> & L.RendererOptions = {\n radius: 12,\n opacity: 0.6,\n duration: 200,\n\n colorScaleExtent: [1, undefined],\n radiusScaleExtent: [1, undefined],\n colorDomain: null,\n radiusDomain: null,\n colorRange: ['#f7fbff', '#08306b'],\n radiusRange: [4, 12],\n\n pointerEvents: 'all',\n // Handle parent default options\n // ...L.SVG.prototype.options,\n ...L.Renderer.prototype.options,\n ...L.Layer.prototype.options\n }\n _fn = {\n lng: (d: L.LatLngExpression) => L.latLng(d).lng,\n lat: (d: L.LatLngExpression) => L.latLng(d).lat,\n colorValue: (d: HexbinData[]) => d.length,\n radiusValue: (d: HexbinData[]) => Number.MAX_VALUE,\n fill: (d: HexbinData[]) => {\n const val = this._fn.colorValue(d);\n return (null != val) ? this._scale.color(val) : 'none';\n }\n }\n // Set up the customizable scale\n _scale = {\n color: scaleLinear<string, string>(),\n radius: scaleLinear()\n };\n\n // Set up the Dispatcher for managing events and callbacks\n _dispatch = dispatch<SVGPathElement>('mouseover', 'mouseout', 'click');\n\n // Set up the default hover handler\n _hoverHandler: HexbinHoverHandler = HexbinHoverHandler.none();\n\n // Create the hex layout\n _hexLayout = hexbin<HexbinData>()\n .radius(this.options.radius)\n .x(({ point: [x, _] }) => x)\n .y(({ point: [_, y] }) => y);\n\n // Initialize the data array to be empty\n _data = Array<L.LatLngExpression>()\n\n declare _map: L.Map;\n declare _container: SVGElementTagNameMap['svg'];\n\n // declare _container: HTMLElement;\n declare _d3Container: d3.Selection<SVGGElement, unknown, null, undefined>;\n\n public constructor(options?: HexbinLayerConfig) {\n super()\n // L.SVG.prototype.initialize.call(this, options);\n this.options = { ...this.options, ...options };\n this._scale.color\n .range(this.options.colorRange)\n .clamp(true);\n\n this._scale.radius\n .range(this.options.radiusRange)\n .clamp(true);\n };\n\n /**\n * Create the SVG container for the hexbins\n * @private\n */\n _initContainer() {\n super._initContainer();\n this._d3Container = select(this._container).select<SVGElementTagNameMap['g']>('g');\n }\n /**\n * Callback made by Leaflet when the layer is added to the map\n * @param map Reference to the map to which this layer has been added\n */\n onAdd(map: L.Map): this {\n // Call super.onAdd to properly initialize the SVG pane\n super.onAdd(map)\n\n // Store a reference to the map for later use\n this._map = map;\n // Redraw on moveend\n map.on('moveend', this.redraw, this);\n // Initial draw\n this.redraw();\n return this\n }\n\n _project(latlng: L.LatLngExpression) {\n const { x, y } = this._map.latLngToLayerPoint(latlng);\n return [x, y] as const;\n }\n\n /**\n * Callback made by Leaflet when the layer is removed from the map\n * @param map Reference to the map from which this layer is being removed\n */\n onRemove(map: L.Map): this {\n // L.SVG.prototype.onRemove.call(this, map);\n // super.onRemove(map);\n // Destroy the svg container\n this._destroyContainer();\n // Remove events\n map.off('moveend', this.redraw, this);\n return this\n }\n\n /**\n * Clean up the svg container\n * @private\n */\n _destroyContainer() {\n select(this._container).remove();\n }\n\n /**\n * (Re)draws the hexbins data on the container\n * @private\n */\n redraw() {\n const that = this;\n\n if (!that._map) return\n\n // Generate the mapped version of the data\n const data = that._data.map<HexbinData>((d) => {\n const point = that._project(d);\n return { o: d, point };\n });\n\n // Select the hex group for the current zoom level. This has\n // the effect of recreating the group if the zoom level has changed\n const join = this._d3Container.selectAll<SVGGElement, number>('g.hexbin')\n .data<number>([this._map.getZoom()], (d) => d);\n\n // enter\n const enter = join.enter().append('g')\n .attr('class', function (d) { return 'hexbin zoom-' + d; });\n\n // enter + update\n const enterUpdate = enter.merge(join);\n\n // exit\n join.exit().remove();\n\n // add the hexagons to the select\n this._createHexagons(enterUpdate, data);\n\n }\n\n _linearlySpace(from: number, to: number, length: number): number[] {\n const step = (to - from) / Math.max(length - 1, 1);\n return Array.from({ length }, (_, i) => from + (i * step));\n\n // const arr = new Array(length);\n // var step = (to - from) / Math.max(length - 1, 1);\n\n // for (var i = 0; i < length; ++i) {\n // arr[i] = from + (i * step);\n // }\n\n // return arr;\n }\n\n _createHexagons(g: d3.Selection<SVGGElement, number, SVGGElement, unknown>, data: HexbinData[]) {\n const that = this;\n\n // Create the bins using the hexbin layout\n\n // Generate the map bounds (to be used to filter the hexes to what is visible)\n const size = that._map.getSize();\n const bounds = that._map.getBounds().pad(that.options.radius * 2 / Math.max(size.x, size.y));\n\n const bins = that._hexLayout(data).filter(\n ({ x, y }) => bounds.contains(that._map.layerPointToLatLng(L.point(x, y)))\n );\n\n // Derive the extents of the data values for each dimension\n const colorExtent = that._getExtent(bins, that._fn.colorValue, that.options.colorScaleExtent);\n const radiusExtent = that._getExtent(bins, that._fn.radiusValue, that.options.radiusScaleExtent);\n\n // Match the domain cardinality to that of the color range, to allow for a polylinear scale\n const colorDomain = this.options.colorDomain\n ?? that._linearlySpace(\n colorExtent[0],\n colorExtent[1],\n that._scale.color.range().length\n );\n const radiusDomain = this.options.radiusDomain || radiusExtent;\n\n // Set the scale domains\n that._scale.color.domain(colorDomain);\n that._scale.radius.domain(radiusDomain);\n\n\n /*\n * Join\n * Join the Hexagons to the data\n * Use a deterministic id for tracking bins based on position\n */\n // bins = bins.filter(function (d) {\n // return bounds.contains(that._map.layerPointToLatLng(L.point(d.x, d.y)));\n // });\n const join = g.selectAll<SVGGElement, HexbinBin<HexbinData>>('g.hexbin-container')\n .data(bins, ({ x, y }) => `${x}:${y}`);\n\n\n /*\n * Update\n * Set the fill and opacity on a transition\n * opacity is re-applied in case the enter transition was cancelled\n * the path is applied as well to resize the bins\n */\n join.select<SVGPathElement>('path.hexbin-hexagon').transition().duration(that.options.duration)\n .attr('fill', that._fn.fill.bind(that))\n .attr('fill-opacity', that.options.opacity)\n .attr('stroke-opacity', that.options.opacity)\n .attr('d', (d) => {\n return that._hexLayout.hexagon(that._scale.radius(that._fn.radiusValue.call(that, d)));\n });\n\n\n /*\n * Enter\n * Establish the path, size, fill, and the initial opacity\n * Transition to the final opacity and size\n */\n const enter = join.enter().append('g').attr('class', 'hexbin-container')\n .style('pointer-events', that.options.pointerEvents);\n\n const hexagons = enter.append('path').attr('class', 'hexbin-hexagon')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => that._hexLayout.hexagon(that._scale.radius.range()[0]))\n .attr('fill', that._fn.fill.bind(that))\n .attr('fill-opacity', 0.01)\n .attr('stroke-opacity', 0.01)\n .style('pointer-events', 'all');\n\n hexagons.transition().duration(that.options.duration)\n .attr('fill-opacity', that.options.opacity)\n .attr('stroke-opacity', that.options.opacity)\n .attr('d', (d) => that._hexLayout.hexagon(that._scale.radius(that._fn.radiusValue.call(that, d))))\n .style('pointer-events', 'all');\n // .style('pointer-events', that.options.pointerEvents);\n\n // Grid\n const gridEnter = enter.append('path').attr('class', 'hexbin-grid')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => that._hexLayout.hexagon(that.options.radius))\n .attr('fill', 'none')\n .attr('stroke', 'none')\n // .style('pointer-events', that.options.pointerEvents);\n\n\n // Grid enter-update\n // gridEnter(join.select('path.hexbin-hexagon'))\n hexagons\n // join\n .on('mouseover', function (this: SVGPathElement, d: MouseEvent, i) {\n this.parentElement!.parentElement!.appendChild(this.parentElement!);\n that._hoverHandler.mouseover(this, that as L.HexbinLayer, d, i);\n that._dispatch.call('mouseover', this, d, i);\n })\n .on('mouseout', function (this: SVGPathElement, d: MouseEvent, i) {\n that._hoverHandler.mouseout(this, that as L.HexbinLayer, d, i);\n that._dispatch.call('mouseout', this, that as L.HexbinLayer, d, i);\n })\n .on('click', function (this, d, i) {\n that._dispatch.call('click', this, that as L.HexbinLayer, d, i);\n });\n\n\n // Exit\n const exit = join.exit();\n\n exit.select('path.hexbin-hexagon')\n .transition().duration(that.options.duration)\n .attr('fill-opacity', 0)\n .attr('stroke-opacity', 0)\n .attr('d', (d) => that._hexLayout.hexagon(0));\n\n exit.transition().duration(that.options.duration).remove();\n\n }\n\n\n _getExtent(\n bins: HexbinBin<HexbinData>[],\n valueFn: (d: HexbinBin<HexbinData>) => number,\n scaleExtent: [number, number | undefined]\n ) {\n\n // Determine the extent of the values\n let ext = extent<HexbinBin<HexbinData>, number>(bins, valueFn.bind(this));\n if (ext[0] === undefined || ext[1] === undefined) {\n ext = [0, 0]\n }\n // If either's null, initialize them to 0\n // if (undefined == extent[0]) extent[0] = 0;\n // if (null == extent[1]) extent[1] = 0;\n\n // Now apply the optional clipping of the extent\n if (null != scaleExtent[0]) ext[0] = scaleExtent[0];\n if (null != scaleExtent[1]) ext[1] = scaleExtent[1];\n\n return ext\n }\n\n // ------------------------------------\n // Public API\n // ------------------------------------\n\n radius(): number;\n radius(v: number): this;\n radius(v?: number): this | number {\n if (v === undefined) return this.options.radius;\n\n this.options.radius = v;\n this._hexLayout.radius(v);\n\n return this;\n }\n\n opacity(): number;\n opacity(v: number): this;\n opacity(v?: number): this | number {\n if (v === undefined) return this.options.opacity\n this.options.opacity = v;\n\n return this;\n }\n\n duration(): number;\n duration(v: number): this;\n duration(v?: number): this | number {\n if (v === undefined) return this.options.duration\n this.options.duration = v\n\n return this;\n }\n\n colorScaleExtent(): [number, number | undefined];\n colorScaleExtent(v: [number, number | undefined]): this;\n colorScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.colorScaleExtent; }\n this.options.colorScaleExtent = v;\n\n return this;\n }\n\n radiusScaleExtent(): [number, number | undefined];\n radiusScaleExtent(v: [number, number | undefined]): this;\n radiusScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.radiusScaleExtent; }\n this.options.radiusScaleExtent = v;\n\n return this;\n }\n\n colorRange(): string[];\n colorRange(v: string[]): this;\n colorRange(v?: string[]): this | string[] {\n if (v === undefined) { return this.options.colorRange; }\n this.options.colorRange = v;\n this._scale.color.range(v);\n\n return this;\n }\n\n radiusRange(): [number, number];\n radiusRange(v: [number, number]): this;\n radiusRange(v?: [number, number]): this | [number, number] {\n if (v === undefined) { return this.options.radiusRange; }\n this.options.radiusRange = v;\n this._scale.radius.range(v);\n\n return this;\n }\n\n colorScale(): d3.ScaleLinear<string, string>;\n colorScale(v: d3.ScaleLinear<string, string>): this;\n colorScale(v?: d3.ScaleLinear<string, string>) {\n if (v === undefined) return this._scale.color;\n this._scale.color = v;\n return this;\n }\n\n radiusScale(): d3.ScaleLinear<number, number>;\n radiusScale(v: d3.ScaleLinear<number, number>): this;\n radiusScale(v?: d3.ScaleLinear<number, number>): this | d3.ScaleLinear<number, number> {\n if (v === undefined) return this._scale.radius\n this._scale.radius = v;\n return this;\n }\n\n lng(): (d: L.LatLngExpression) => number;\n lng(v: (d: L.LatLngExpression) => number): this;\n lng(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lng; }\n this._fn.lng = v;\n\n return this;\n }\n\n lat(): (d: L.LatLngExpression) => number;\n lat(v: (d: L.LatLngExpression) => number): this;\n lat(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lat; }\n this._fn.lat = v;\n\n return this;\n }\n\n colorValue(): (d: HexbinData[]) => number;\n colorValue(v: (d: HexbinData[]) => number): this;\n colorValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.colorValue; }\n this._fn.colorValue = v;\n\n return this;\n }\n\n radiusValue(): (d: HexbinData[]) => number;\n radiusValue(v: (d: HexbinData[]) => number): this;\n radiusValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.radiusValue; }\n this._fn.radiusValue = v;\n\n return this;\n }\n\n fill(): (d: HexbinData[]) => string;\n fill(v: (d: HexbinData[]) => string): this;\n fill(v?: (d: HexbinData[]) => string) {\n if (v === undefined) { return this._fn.fill; }\n this._fn.fill = v;\n\n return this;\n }\n\n data(): L.LatLngExpression[];\n data(v: L.LatLngExpression[]): this;\n data(v?: L.LatLngExpression[]): this | L.LatLngExpression[] {\n if (v === undefined) { return this._data; }\n this._data = (null != v) ? v : [];\n this.redraw();\n\n return this;\n }\n\n /*\n * Getter for the event dispatcher\n */\n dispatch() { return this._dispatch }\n\n hoverHandler(): HexbinHoverHandler;\n hoverHandler(v: HexbinHoverHandler): this;\n hoverHandler(v?: HexbinHoverHandler): this | HexbinHoverHandler {\n if (v === undefined) { return this._hoverHandler; }\n this._hoverHandler = (null != v) ? v : HexbinHoverHandler.none();\n\n this.redraw();\n\n return this;\n }\n\n /*\n * Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.\n */\n getLatLngs() {\n const that = this;\n\n // Map the data into an array of latLngs using the configured lat/lng accessors\n return this._data.map(function (d) {\n return L.latLng(that._fn.lat(d), that._fn.lng(d));\n });\n }\n\n /*\n * Get path geometry as GeoJSON\n */\n toGeoJSON(): GeoJSON.Feature<GeoJSON.MultiPoint, L.LatLng> {\n return L.GeoJSON.getFeature<L.LatLng, GeoJSON.MultiPoint>(this, {\n type: 'MultiPoint',\n coordinates: L.GeoJSON.latLngsToCoords(this.getLatLngs(), 0)\n });\n }\n}\n\nexport function hexbinLayer(options?: HexbinLayerConfig) {\n return new HexbinLayer(options);\n}\n\n\n","import { HexbinLayer as CHexbinLayer, HexbinLayer, type HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer } from './HexbinLayer'\nimport HexbinHoverHandler, { HexbinHoverHandler as IHexbinHoverHandler } from './HexbinHoverHandler'\n\nimport * as L from \"leaflet\"\n\n\ndeclare module 'leaflet' {\n interface HexbinLayer extends CHexbinLayer { }\n interface HexbinLayerConfig extends IHexbinLayerConfig { }\n interface HexbinHoverHandler extends IHexbinHoverHandler { }\n function hexbinLayer(config?: HexbinLayerConfig): HexbinLayer;\n}\n\n(L as any).HexbinLayer = CHexbinLayer;\n(L as any).HexbinHoverHandler = HexbinHoverHandler;\n(L as any).hexbinLayer = hexbinLayer\n\n\nexport {\n HexbinHoverHandler,\n CHexbinLayer as HexbinLayer,\n hexbinLayer,\n type IHexbinLayerConfig as HexbinLayerConfig\n}\n"],"names":["HexbinHoverHandler","tooltip","options","d","d3","svg","hexLayer","event","data","gCoords","div","h","w","resizeFill","resizeScale","radiusScale","compound","handlers","none","HexbinHoverHandler$1","HexbinLayer","L","val","scaleLinear","dispatch","hexbin","x","_","y","select","map","latlng","that","point","join","enterUpdate","from","to","length","step","i","g","size","bounds","bins","colorExtent","radiusExtent","colorDomain","radiusDomain","enter","hexagons","exit","valueFn","scaleExtent","ext","extent","v","hexbinLayer","L__namespace","CHexbinLayer"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../src/HexbinHoverHandler.ts","../src/HexbinLayer.ts","../src/index.ts"],"sourcesContent":["import * as d3 from 'd3';\nimport type { HexbinData } from './HexbinLayer';\nimport { type HexbinLayer } from './HexbinLayer';\n\nexport interface HexbinHoverHandler {\n mouseover(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n mouseout(svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]): void;\n}\n\nexport namespace HexbinHoverHandler {\n\n interface TooltipOptions {\n tooltipContent: (d: HexbinData[], hexLayer: HexbinLayer) => string;\n }\n\n export function tooltip(options: TooltipOptions = { tooltipContent(d) { return `Count: ${d.length}` } }): HexbinHoverHandler {\n\n // Generate the tooltip\n const tooltip = d3.select('body').append('div')\n .attr('class', 'hexbin-tooltip')\n .style('z-index', 9999)\n .style('pointer-events', 'none')\n .style('visibility', 'hidden')\n .style('position', 'fixed');\n\n tooltip.append('div').attr('class', 'tooltip-content');\n\n // return the handler instance\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const gCoords = d3.pointer(event);\n\n tooltip\n .style('visibility', 'visible')\n .html(options.tooltipContent(data, hexLayer));\n\n\n const div = tooltip.node();\n if (!div) {\n console.warn(\"Leaflet hexbin: tooltip node not found\");\n return\n }\n const h = div.clientHeight, w = div.clientWidth;\n\n tooltip\n .style('top', event.clientY - gCoords[1] - h - 16 + 'px')\n .style('left', event.clientX - gCoords[0] - w / 2 + 'px');\n\n },\n mouseout: function (svg, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n tooltip\n .style('visibility', 'hidden')\n .html();\n }\n };\n\n }\n\n export function resizeFill(): HexbinHoverHandler {\n return {\n mouseover: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer.options.radius);\n });\n },\n mouseout: function (svg: SVGPathElement, hexLayer: HexbinLayer, event: MouseEvent, data: HexbinData[]) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select<SVGPathElement>('path.hexbin-hexagon')\n .attr('d', function (d) {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n\n }\n\n export interface ResizeScaleOptions {\n radiusScale?: number;\n duration?: number;\n }\n\n export function resizeScale(radiusScale: number = 1.5): HexbinHoverHandler {\n\n // return the handler instance\n return {\n mouseover: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', function () {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius.range()[1] * (radiusScale));\n });\n },\n mouseout: function (svg, hexLayer, event, data) {\n const o = d3.select<HTMLElement | null, HexbinData[]>(svg.parentElement!);\n o.select('path.hexbin-hexagon')\n .transition().duration(hexLayer.options.duration)\n .attr('d', (d) => {\n return hexLayer._hexLayout.hexagon(hexLayer._scale.radius(hexLayer._fn.radiusValue.call(hexLayer, d)));\n });\n }\n };\n }\n\n\n export function compound(handlers: HexbinHoverHandler[] = [none()]): HexbinHoverHandler {\n return {\n mouseover: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseover(svg, hexLayer, event, data); });\n },\n mouseout: function (svg, hexLayer, event, data) {\n handlers!.forEach((h) => { h.mouseout(svg, hexLayer, event, data); });\n }\n };\n }\n\n export function none(): HexbinHoverHandler {\n return {\n mouseover: function () { },\n mouseout: function () { }\n };\n }\n\n}\nexport default HexbinHoverHandler\n","import { scaleLinear, dispatch, select, extent } from 'd3';\nimport { hexbin, type HexbinBin } from 'd3-hexbin';\nimport * as L from 'leaflet';\nimport HexbinHoverHandler from './HexbinHoverHandler';\n\n// Need to expose some methods from L.SVG\ndeclare module 'leaflet' {\n interface SVG {\n _initContainer(): void;\n _container: SVGElementTagNameMap['svg']\n }\n}\n\nexport interface HexbinLayerConfig {\n radius?: number,\n opacity?: number,\n duration?: number,\n\n colorScaleExtent?: [number, number | undefined],\n colorDomain?: number[] | null\n colorRange?: string[],\n\n radiusScaleExtent?: [number, number | undefined],\n radiusDomain?: number[] | null\n radiusRange?: [number, number],\n\n pointerEvents?: string\n}\n\nexport type HexbinData = {\n o: L.LatLngExpression;\n point: Readonly<[number, number]>;\n}\n\n\n/**\n * L is defined by the Leaflet library, see git://github.com/Leaflet/Leaflet.git for documentation\n * We extend L.SVG to take advantage of built-in zoom animations.\n */\nexport class HexbinLayer extends L.SVG implements L.HexbinLayer {\n options: Required<HexbinLayerConfig> & L.RendererOptions = {\n radius: 12,\n opacity: 0.6,\n duration: 200,\n\n colorScaleExtent: [1, undefined],\n radiusScaleExtent: [1, undefined],\n colorDomain: null,\n radiusDomain: null,\n colorRange: ['#f7fbff', '#08306b'],\n radiusRange: [4, 12],\n\n pointerEvents: 'all',\n // Handle parent default options\n // ...L.SVG.prototype.options,\n ...L.Renderer.prototype.options,\n ...L.Layer.prototype.options\n }\n _fn = {\n lng: (d: L.LatLngExpression) => L.latLng(d).lng,\n lat: (d: L.LatLngExpression) => L.latLng(d).lat,\n colorValue: (d: HexbinData[]) => d.length,\n radiusValue: (d: HexbinData[]) => Number.MAX_VALUE,\n fill: (d: HexbinData[]) => {\n const val = this._fn.colorValue(d);\n return (null != val) ? this._scale.color(val) : 'none';\n }\n }\n // Set up the customizable scale\n _scale = {\n color: scaleLinear<string, string>(),\n radius: scaleLinear()\n };\n\n // Set up the Dispatcher for managing events and callbacks\n _dispatch = dispatch<SVGPathElement>('mouseover', 'mouseout', 'click');\n\n // Set up the default hover handler\n _hoverHandler: HexbinHoverHandler = HexbinHoverHandler.none();\n\n // Create the hex layout\n _hexLayout = hexbin<HexbinData>()\n .radius(this.options.radius)\n .x(({ point: [x, _] }) => x)\n .y(({ point: [_, y] }) => y);\n\n // Initialize the data array to be empty\n _data = Array<L.LatLngExpression>()\n\n declare _map: L.Map;\n declare _container: SVGElementTagNameMap['svg'];\n\n // declare _container: HTMLElement;\n declare _d3Container: d3.Selection<SVGGElement, unknown, null, undefined>;\n\n public constructor(options?: HexbinLayerConfig) {\n super()\n // L.SVG.prototype.initialize.call(this, options);\n this.options = { ...this.options, ...options };\n this._scale.color\n .range(this.options.colorRange)\n .clamp(true);\n\n this._scale.radius\n .range(this.options.radiusRange)\n .clamp(true);\n };\n\n /**\n * Create the SVG container for the hexbins\n * @private\n */\n _initContainer() {\n super._initContainer();\n this._d3Container = select(this._container).select<SVGElementTagNameMap['g']>('g');\n }\n /**\n * Callback made by Leaflet when the layer is added to the map\n * @param map Reference to the map to which this layer has been added\n */\n onAdd(map: L.Map): this {\n // Call super.onAdd to properly initialize the SVG pane\n super.onAdd(map)\n\n // Store a reference to the map for later use\n this._map = map;\n // Redraw on moveend\n map.on('moveend', this.redraw, this);\n // Initial draw\n this.redraw();\n return this\n }\n\n _project(latlng: L.LatLngExpression) {\n const { x, y } = this._map.latLngToLayerPoint(latlng);\n return [x, y] as const;\n }\n\n /**\n * Callback made by Leaflet when the layer is removed from the map\n * @param map Reference to the map from which this layer is being removed\n */\n onRemove(map: L.Map): this {\n // Destroy the svg container\n this._destroyContainer();\n // Remove events\n map.off('moveend', this.redraw, this);\n return this\n }\n\n /**\n * Clean up the svg container\n * @private\n */\n _destroyContainer() {\n select(this._container).remove();\n }\n\n /**\n * (Re)draws the hexbins data on the container\n * @private\n */\n redraw() {\n const that = this;\n\n if (!that._map) return\n\n // Generate the mapped version of the data\n const data = that._data.map<HexbinData>((d) => {\n const point = that._project(d);\n return { o: d, point };\n });\n\n // Select the hex group for the current zoom level. This has\n // the effect of recreating the group if the zoom level has changed\n const join = this._d3Container.selectAll<SVGGElement, number>('g.hexbin')\n .data<number>([this._map.getZoom()], (d) => d);\n\n // enter\n const enter = join.enter().append('g')\n .attr('class', function (d) { return 'hexbin zoom-' + d; });\n\n // enter + update\n const enterUpdate = enter.merge(join);\n\n // exit\n join.exit().remove();\n\n // add the hexagons to the select\n this._createHexagons(enterUpdate, data);\n\n }\n\n _linearlySpace(from: number, to: number, length: number): number[] {\n const step = (to - from) / Math.max(length - 1, 1);\n return Array.from({ length }, (_, i) => from + (i * step));\n }\n\n _createHexagons(g: d3.Selection<SVGGElement, number, SVGGElement, unknown>, data: HexbinData[]) {\n const thisLayer = this;\n\n // Create the bins using the hexbin layout\n\n // Generate the map bounds (to be used to filter the hexes to what is visible)\n const size = thisLayer._map.getSize();\n const bounds = thisLayer._map.getBounds().pad(thisLayer.options.radius * 2 / Math.max(size.x, size.y));\n\n const bins = thisLayer._hexLayout(data).filter(\n ({ x, y }) => bounds.contains(thisLayer._map.layerPointToLatLng(L.point(x, y)))\n );\n\n // Derive the extents of the data values for each dimension\n const colorExtent = thisLayer._getExtent(bins, thisLayer._fn.colorValue, thisLayer.options.colorScaleExtent);\n const radiusExtent = thisLayer._getExtent(bins, thisLayer._fn.radiusValue, thisLayer.options.radiusScaleExtent);\n\n // Match the domain cardinality to that of the color range, to allow for a polylinear scale\n const colorDomain = this.options.colorDomain\n ?? thisLayer._linearlySpace(\n colorExtent[0],\n colorExtent[1],\n thisLayer._scale.color.range().length\n );\n const radiusDomain = this.options.radiusDomain || radiusExtent;\n\n // Set the scale domains\n thisLayer._scale.color.domain(colorDomain);\n thisLayer._scale.radius.domain(radiusDomain);\n\n\n /*\n * Join\n * Join the Hexagons to the data\n * Use a deterministic id for tracking bins based on position\n */\n const join = g.selectAll<SVGGElement, HexbinBin<HexbinData>>('g.hexbin-container')\n .data(bins, ({ x, y }) => `${x}:${y}`);\n\n\n /*\n * Update\n * Set the fill and opacity on a transition\n * opacity is re-applied in case the enter transition was cancelled\n * the path is applied as well to resize the bins\n */\n join.select<SVGPathElement>('path.hexbin-hexagon')\n .transition().duration(thisLayer.options.duration)\n .attr('fill', thisLayer._fn.fill.bind(thisLayer))\n .attr('fill-opacity', thisLayer.options.opacity)\n .attr('stroke-opacity', thisLayer.options.opacity)\n .attr('d', (d) => {\n return thisLayer._hexLayout.hexagon(thisLayer._scale.radius(thisLayer._fn.radiusValue.call(thisLayer, d)));\n });\n\n\n /*\n * Enter\n * Establish the path, size, fill, and the initial opacity\n * Transition to the final opacity and size\n */\n const container = join.enter().append('g').attr('class', 'hexbin-container')\n .style('pointer-events', thisLayer.options.pointerEvents);\n\n\n container.on('mouseover', function (this: SVGGElement, d: MouseEvent, i) {\n // Bring container to foreground by re-appending it to the DOM\n const c = select<SVGGElement, HexbinBin<HexbinData>>(this).raise();\n })\n\n const hexagons = container.append('path').attr('class', 'hexbin-hexagon')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => thisLayer._hexLayout.hexagon(thisLayer._scale.radius.range()[0]))\n .attr('fill', thisLayer._fn.fill.bind(thisLayer))\n .attr('fill-opacity', 0.01)\n .attr('stroke-opacity', 0.01)\n .style('pointer-events', 'all');\n\n hexagons.transition().duration(thisLayer.options.duration)\n .attr('fill-opacity', thisLayer.options.opacity)\n .attr('stroke-opacity', thisLayer.options.opacity)\n .attr('d', (d) => thisLayer._hexLayout.hexagon(thisLayer._scale.radius(thisLayer._fn.radiusValue.call(thisLayer, d))))\n .style('pointer-events', 'all');\n\n // Grid\n const gridEnter = container.append('path').attr('class', 'hexbin-grid')\n .attr('transform', ({ x, y }) => `translate(${x},${y})`)\n .attr('d', () => thisLayer._hexLayout.hexagon(thisLayer.options.radius))\n .attr('fill', 'none')\n .attr('stroke', 'none')\n\n\n // Grid enter-update\n hexagons.on('mouseover', function (this: SVGPathElement, d: MouseEvent, i) {\n thisLayer._hoverHandler.mouseover(this, thisLayer as L.HexbinLayer, d, i);\n thisLayer._dispatch.call('mouseover', this, d, i);\n this.classList.add('hover')\n })\n .on('mouseout', function (this: SVGPathElement, d: MouseEvent, i) {\n thisLayer._hoverHandler.mouseout(this, thisLayer as L.HexbinLayer, d, i);\n thisLayer._dispatch.call('mouseout', this, thisLayer as L.HexbinLayer, d, i);\n this.classList.remove('hover')\n })\n .on('click', function (this, d, i) {\n thisLayer._dispatch.call('click', this, thisLayer as L.HexbinLayer, d, i);\n });\n\n\n // Exit\n const exit = join.exit();\n\n exit.select('path.hexbin-hexagon')\n .transition().duration(thisLayer.options.duration)\n .attr('fill-opacity', 0)\n .attr('stroke-opacity', 0)\n .attr('d', (d) => thisLayer._hexLayout.hexagon(0));\n\n exit.transition().duration(thisLayer.options.duration).remove();\n\n }\n\n _getExtent(\n bins: HexbinBin<HexbinData>[],\n valueFn: (d: HexbinBin<HexbinData>) => number,\n scaleExtent: [number, number | undefined]\n ): [number, number] {\n\n // Determine the extent of the values\n let ext = extent<HexbinBin<HexbinData>, number>(bins, valueFn.bind(this));\n // If either's null, initialize them to 0\n if (ext[0] === undefined || ext[1] === undefined) {\n ext = [0, 0]\n }\n\n // Now apply the optional clipping of the extent\n if (undefined != scaleExtent[0]) ext[0] = scaleExtent[0];\n if (undefined != scaleExtent[1]) ext[1] = scaleExtent[1];\n\n return ext as [number, number]\n }\n\n // ------------------------------------\n // Public API\n // ------------------------------------\n\n radius(): number;\n radius(v: number): this;\n radius(v?: number): this | number {\n if (v === undefined) return this.options.radius;\n\n this.options.radius = v;\n this._hexLayout.radius(v);\n\n return this;\n }\n\n opacity(): number;\n opacity(v: number): this;\n opacity(v?: number): this | number {\n if (v === undefined) return this.options.opacity\n this.options.opacity = v;\n\n return this;\n }\n\n duration(): number;\n duration(v: number): this;\n duration(v?: number): this | number {\n if (v === undefined) return this.options.duration\n this.options.duration = v\n\n return this;\n }\n\n colorScaleExtent(): [number, number | undefined];\n colorScaleExtent(v: [number, number | undefined]): this;\n colorScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.colorScaleExtent; }\n this.options.colorScaleExtent = v;\n\n return this;\n }\n\n radiusScaleExtent(): [number, number | undefined];\n radiusScaleExtent(v: [number, number | undefined]): this;\n radiusScaleExtent(v?: [number, number | undefined]): this | [number, number | undefined] {\n if (v === undefined) { return this.options.radiusScaleExtent; }\n this.options.radiusScaleExtent = v;\n\n return this;\n }\n\n colorRange(): string[];\n colorRange(v: string[]): this;\n colorRange(v?: string[]): this | string[] {\n if (v === undefined) { return this.options.colorRange; }\n this.options.colorRange = v;\n this._scale.color.range(v);\n\n return this;\n }\n\n radiusRange(): [number, number];\n radiusRange(v: [number, number]): this;\n radiusRange(v?: [number, number]): this | [number, number] {\n if (v === undefined) { return this.options.radiusRange; }\n this.options.radiusRange = v;\n this._scale.radius.range(v);\n\n return this;\n }\n\n colorScale(): d3.ScaleLinear<string, string>;\n colorScale(v: d3.ScaleLinear<string, string>): this;\n colorScale(v?: d3.ScaleLinear<string, string>) {\n if (v === undefined) return this._scale.color;\n this._scale.color = v;\n return this;\n }\n\n radiusScale(): d3.ScaleLinear<number, number>;\n radiusScale(v: d3.ScaleLinear<number, number>): this;\n radiusScale(v?: d3.ScaleLinear<number, number>): this | d3.ScaleLinear<number, number> {\n if (v === undefined) return this._scale.radius\n this._scale.radius = v;\n return this;\n }\n\n lng(): (d: L.LatLngExpression) => number;\n lng(v: (d: L.LatLngExpression) => number): this;\n lng(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lng; }\n this._fn.lng = v;\n\n return this;\n }\n\n lat(): (d: L.LatLngExpression) => number;\n lat(v: (d: L.LatLngExpression) => number): this;\n lat(v?: (d: L.LatLngExpression) => number) {\n if (v === undefined) { return this._fn.lat; }\n this._fn.lat = v;\n\n return this;\n }\n\n colorValue(): (d: HexbinData[]) => number;\n colorValue(v: (d: HexbinData[]) => number): this;\n colorValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.colorValue; }\n this._fn.colorValue = v;\n\n return this;\n }\n\n radiusValue(): (d: HexbinData[]) => number;\n radiusValue(v: (d: HexbinData[]) => number): this;\n radiusValue(v?: (d: HexbinData[]) => number) {\n if (v === undefined) { return this._fn.radiusValue; }\n this._fn.radiusValue = v;\n\n return this;\n }\n\n fill(): (d: HexbinData[]) => string;\n fill(v: (d: HexbinData[]) => string): this;\n fill(v?: (d: HexbinData[]) => string) {\n if (v === undefined) { return this._fn.fill; }\n this._fn.fill = v;\n\n return this;\n }\n\n data(): L.LatLngExpression[];\n data(v: L.LatLngExpression[]): this;\n data(v?: L.LatLngExpression[]): this | L.LatLngExpression[] {\n if (v === undefined) { return this._data; }\n this._data = (null != v) ? v : [];\n this.redraw();\n\n return this;\n }\n\n /*\n * Getter for the event dispatcher\n */\n dispatch() { return this._dispatch }\n\n hoverHandler(): HexbinHoverHandler;\n hoverHandler(v: HexbinHoverHandler): this;\n hoverHandler(v?: HexbinHoverHandler): this | HexbinHoverHandler {\n if (v === undefined) { return this._hoverHandler; }\n this._hoverHandler = (null != v) ? v : HexbinHoverHandler.none();\n\n this.redraw();\n\n return this;\n }\n\n /*\n * Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.\n */\n getLatLngs() {\n const that = this;\n\n // Map the data into an array of latLngs using the configured lat/lng accessors\n return this._data.map(function (d) {\n return L.latLng(that._fn.lat(d), that._fn.lng(d));\n });\n }\n /*\n * Get path geometry as GeoJSON\n */\n toGeoJSON(): GeoJSON.Feature<GeoJSON.MultiPoint, L.LatLng> {\n return L.GeoJSON.getFeature<L.LatLng, GeoJSON.MultiPoint>(this, {\n type: 'MultiPoint',\n coordinates: L.GeoJSON.latLngsToCoords(this.getLatLngs(), 0)\n });\n }\n}\n\nexport function hexbinLayer(options?: HexbinLayerConfig) {\n return new HexbinLayer(options);\n}\n\n\n","import { HexbinLayer as CHexbinLayer, type HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer, type HexbinData } from './HexbinLayer'\nimport HexbinHoverHandler, { HexbinHoverHandler as IHexbinHoverHandler } from './HexbinHoverHandler'\n\nimport * as L from \"leaflet\"\n\n\ndeclare module 'leaflet' {\n interface HexbinLayer extends CHexbinLayer { }\n interface HexbinLayerConfig extends IHexbinLayerConfig { }\n interface HexbinHoverHandler extends IHexbinHoverHandler { }\n function hexbinLayer(config?: HexbinLayerConfig): HexbinLayer;\n}\n\nL.extend(L, {\n HexbinLayer: CHexbinLayer,\n HexbinHoverHandler,\n hexbinLayer\n})\n\nwindow.L = L\n\nexport {\n type HexbinData,\n HexbinHoverHandler,\n CHexbinLayer as HexbinLayer,\n hexbinLayer,\n type IHexbinLayerConfig as HexbinLayerConfig\n}\n"],"names":["HexbinHoverHandler","tooltip","options","d","d3","svg","hexLayer","event","data","gCoords","div","h","w","resizeFill","resizeScale","radiusScale","compound","handlers","none","HexbinHoverHandler$1","HexbinLayer","L","val","scaleLinear","dispatch","hexbin","x","_","y","select","map","latlng","that","point","join","enterUpdate","from","to","length","step","i","g","thisLayer","size","bounds","bins","colorExtent","radiusExtent","colorDomain","radiusDomain","container","hexagons","exit","valueFn","scaleExtent","ext","extent","v","hexbinLayer","CHexbinLayer"],"mappings":"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"}
|
@@ -76,7 +76,7 @@ export declare class HexbinLayer extends L.SVG implements L.HexbinLayer {
|
|
76
76
|
redraw(): void;
|
77
77
|
_linearlySpace(from: number, to: number, length: number): number[];
|
78
78
|
_createHexagons(g: d3.Selection<SVGGElement, number, SVGGElement, unknown>, data: HexbinData[]): void;
|
79
|
-
_getExtent(bins: HexbinBin<HexbinData>[], valueFn: (d: HexbinBin<HexbinData>) => number, scaleExtent: [number, number | undefined]): [number, number]
|
79
|
+
_getExtent(bins: HexbinBin<HexbinData>[], valueFn: (d: HexbinBin<HexbinData>) => number, scaleExtent: [number, number | undefined]): [number, number];
|
80
80
|
radius(): number;
|
81
81
|
radius(v: number): this;
|
82
82
|
opacity(): number;
|
package/dist/types/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { HexbinLayer as CHexbinLayer, HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer } from './HexbinLayer';
|
1
|
+
import { HexbinLayer as CHexbinLayer, HexbinLayerConfig as IHexbinLayerConfig, hexbinLayer, HexbinData } from './HexbinLayer';
|
2
2
|
import { default as HexbinHoverHandler, HexbinHoverHandler as IHexbinHoverHandler } from './HexbinHoverHandler';
|
3
3
|
declare module 'leaflet' {
|
4
4
|
interface HexbinLayer extends CHexbinLayer {
|
@@ -9,4 +9,4 @@ declare module 'leaflet' {
|
|
9
9
|
}
|
10
10
|
function hexbinLayer(config?: HexbinLayerConfig): HexbinLayer;
|
11
11
|
}
|
12
|
-
export { HexbinHoverHandler, CHexbinLayer as HexbinLayer, hexbinLayer, type IHexbinLayerConfig as HexbinLayerConfig };
|
12
|
+
export { type HexbinData, HexbinHoverHandler, CHexbinLayer as HexbinLayer, hexbinLayer, type IHexbinLayerConfig as HexbinLayerConfig };
|
package/package.json
CHANGED
@@ -1,15 +1,12 @@
|
|
1
1
|
{
|
2
2
|
"name": "leaflet-hexbin",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.2",
|
4
4
|
"private": false,
|
5
5
|
"type": "module",
|
6
6
|
"license": "MIT",
|
7
7
|
"description": "Leaflet plugin to create hexbin layers",
|
8
8
|
"homepage": "https://lsdch.github.io/leaflet-hexbin/",
|
9
|
-
"repository":
|
10
|
-
"type": "git",
|
11
|
-
"url": "git+https://github.com/lsdch/leaflet-hexbin.git"
|
12
|
-
},
|
9
|
+
"repository": "git://github.com/lsdch/leaflet-hexbin.git",
|
13
10
|
"bugs": {
|
14
11
|
"url": "https://github.com/lsdch/leaflet-hexbin/issues"
|
15
12
|
},
|