141 lines
4.2 KiB
JavaScript
141 lines
4.2 KiB
JavaScript
define(function () {
|
||
var options = { worldCopyJump: true,
|
||
zoomControl: false
|
||
}
|
||
function mkMarker(dict, iconFunc, gotoAnything) {
|
||
return function (d) {
|
||
var opt = { icon: iconFunc(d),
|
||
title: d.nodeinfo.hostname
|
||
}
|
||
|
||
var m = L.marker([d.nodeinfo.location.latitude, d.nodeinfo.location.longitude], opt)
|
||
|
||
m.on('click', gotoAnything.node(d, false))
|
||
m.bindPopup(d.nodeinfo.hostname)
|
||
|
||
dict[d.nodeinfo.node_id] = m
|
||
|
||
return m
|
||
}
|
||
}
|
||
|
||
function addLinksToMap(dict, linkScale, graph, gotoAnything) {
|
||
graph = graph.filter( function (d) {
|
||
return "distance" in d
|
||
})
|
||
|
||
var lines = graph.map( function (d) {
|
||
var opts = { color: linkScale(d.tq).hex(),
|
||
weight: 4
|
||
}
|
||
|
||
var line = L.polyline(d.latlngs, opts)
|
||
|
||
line.bindPopup(d.source.node.nodeinfo.hostname + " – " + d.target.node.nodeinfo.hostname + "<br><strong>" + showDistance(d) + " / " + showTq(d) + "</strong>")
|
||
line.on('click', gotoAnything.link(d, false))
|
||
|
||
dict[linkId(d)] = line
|
||
|
||
return line
|
||
})
|
||
|
||
return lines
|
||
}
|
||
|
||
var iconBase = { iconUrl: 'img/circlemarker.png',
|
||
iconRetinaUrl: 'img/circlemarker@2x.png',
|
||
iconSize: [17, 17],
|
||
iconAnchor: [8, 8],
|
||
popupAnchor: [0, -3]
|
||
}
|
||
|
||
var iconOnline = Object.assign({}, iconBase)
|
||
iconOnline.className = "node-online"
|
||
iconOnline = L.icon(iconOnline)
|
||
|
||
var iconOffline = Object.assign({}, iconBase)
|
||
iconOffline.className = "node-offline"
|
||
iconOffline = L.icon(iconOffline)
|
||
|
||
var iconNew = Object.assign({}, iconBase)
|
||
iconNew.className = "node-new"
|
||
iconNew = L.icon(iconNew)
|
||
|
||
var iconOfflineAlert = Object.assign({}, iconBase)
|
||
iconOfflineAlert.className = "node-offline node-alert"
|
||
iconOfflineAlert = L.icon(iconOfflineAlert)
|
||
|
||
return function () {
|
||
var self = this
|
||
|
||
var el = document.createElement("div")
|
||
el.classList.add("map")
|
||
self.div = el
|
||
|
||
var map = L.map(el, options)
|
||
|
||
L.control.zoom({ position: "topright" }).addTo(map)
|
||
|
||
L.tileLayer("https://otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpg", {
|
||
subdomains: "1234",
|
||
type: "osm",
|
||
attribution: "Map data Tiles © <a href=\"https://www.mapquest.com/\" target=\"_blank\">MapQuest</a> <img src=\"https://developer.mapquest.com/content/osm/mq_logo.png\" />, Map data © OpenStreetMap contributors, CC-BY-SA",
|
||
maxZoom: 18
|
||
}).addTo(map)
|
||
|
||
self.setData = function (linkScale, sidebar, now, newnodes, lostnodes, onlinenodes, links, gotoAnything) {
|
||
var markersDict = {}
|
||
|
||
var lines = addLinksToMap(markersDict, linkScale, links, gotoAnything)
|
||
|
||
var nodes = newnodes.concat(lostnodes).filter(has_location)
|
||
|
||
var markers = nodes.map(mkMarker(markersDict, function (d) {
|
||
if (d.flags.online)
|
||
return iconNew
|
||
|
||
if (d.lastseen.isAfter(moment(now).subtract(1, 'days')))
|
||
return iconOfflineAlert
|
||
else
|
||
return iconOffline
|
||
}, gotoAnything))
|
||
|
||
var onlinemarkers = subtract(onlinenodes.filter(has_location), newnodes)
|
||
.map(mkMarker(markersDict, function (d) { return iconOnline }, gotoAnything))
|
||
|
||
var groupLines = L.featureGroup(lines).addTo(map)
|
||
var groupOnline = L.featureGroup(onlinemarkers).addTo(map)
|
||
var group = L.featureGroup(markers).addTo(map)
|
||
|
||
var bounds = group.getBounds()
|
||
|
||
if (!bounds.isValid())
|
||
bounds = groupOnline.getBounds()
|
||
|
||
if (bounds.isValid())
|
||
map.fitBounds(bounds, {paddingTopLeft: [sidebar.getWidth(), 0]})
|
||
|
||
var funcDict = {}
|
||
|
||
Object.keys(markersDict).map( function(k) {
|
||
funcDict[k] = function (d) {
|
||
var m = markersDict[k]
|
||
var bounds
|
||
|
||
if ("getBounds" in m)
|
||
bounds = m.getBounds()
|
||
else
|
||
bounds = L.latLngBounds([m.getLatLng()])
|
||
|
||
map.fitBounds(bounds, {paddingTopLeft: [sidebar.getWidth(), 0]})
|
||
m.openPopup(bounds.getCenter())
|
||
}
|
||
})
|
||
|
||
return funcDict
|
||
}
|
||
|
||
return self
|
||
}
|
||
})
|