67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
define(['leaflet', 'rbush', 'helper'],
|
|
function (L, rbush, helper) {
|
|
'use strict';
|
|
|
|
return L.GridLayer.extend({
|
|
mapRTree: function mapRTree(d) {
|
|
return {
|
|
minX: d.nodeinfo.location.latitude, minY: d.nodeinfo.location.longitude,
|
|
maxX: d.nodeinfo.location.latitude, maxY: d.nodeinfo.location.longitude,
|
|
node: d
|
|
};
|
|
},
|
|
setData: function (data) {
|
|
var rtreeOnlineAll = rbush(9);
|
|
|
|
this.data = rtreeOnlineAll.load(data.nodes.all.filter(helper.online).filter(helper.hasLocation).map(this.mapRTree));
|
|
|
|
// pre-calculate start angles
|
|
this.data.all().forEach(function (n) {
|
|
n.startAngle = (parseInt(n.node.nodeinfo.node_id.substr(10, 2), 16) / 255) * 2 * Math.PI;
|
|
});
|
|
this.redraw();
|
|
},
|
|
createTile: function (tilePoint) {
|
|
var tile = L.DomUtil.create('canvas', 'leaflet-tile');
|
|
|
|
var tileSize = this.options.tileSize;
|
|
tile.width = tileSize;
|
|
tile.height = tileSize;
|
|
|
|
if (!this.data) {
|
|
return tile;
|
|
}
|
|
|
|
var ctx = tile.getContext('2d');
|
|
var s = tilePoint.multiplyBy(tileSize);
|
|
var map = this._map;
|
|
|
|
var margin = 50;
|
|
var bbox = helper.getTileBBox(s, map, tileSize, margin);
|
|
|
|
var nodes = this.data.search(bbox);
|
|
|
|
if (nodes.length === 0) {
|
|
return tile;
|
|
}
|
|
|
|
var startDistance = 12;
|
|
|
|
ctx.beginPath();
|
|
nodes.forEach(function (d) {
|
|
var p = map.project([d.node.nodeinfo.location.latitude, d.node.nodeinfo.location.longitude]);
|
|
|
|
p.x -= s.x;
|
|
p.y -= s.y;
|
|
|
|
helper.positionClients(ctx, p, d.startAngle, d.node.statistics.clients, startDistance);
|
|
});
|
|
|
|
ctx.fillStyle = 'rgba(220, 0, 103, 0.7)';
|
|
ctx.fill();
|
|
|
|
return tile;
|
|
}
|
|
});
|
|
});
|