initial requirejs work (map-module)

lib/map.js

@@ -0,0 +1,140 @@
+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 &copy; <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
+  }
+})