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 + "
" + showDistance(d) + " / " + showTq(d) + "") 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 © MapQuest , 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 } })