Pass id to categories

index.js

@@ -4,6 +4,7 @@ var OverpassFrontend = require('overpass-frontend')
 var OpenStreetBrowserLoader = require('./src/OpenStreetBrowserLoader')
 
 var map
+var categories = {}
 
 window.onload = function() {
   map = L.map('map').setView([51.505, -0.09], 18)
@@ -22,12 +23,14 @@ window.onload = function() {
 
 
   OpenStreetBrowserLoader('index', function (err, category) {
+    categories[category.id] = category
     category.addTo(map, document.getElementById('info'))
   })
 }
 
 window.toggleCategory = function (id) {
   OpenStreetBrowserLoader(id, function (err, category) {
+    categories[category.id] = category
     category.addTo(map, document.getElementById('category-' + id).lastChild)
   })
 }

src/OpenStreetBrowserCategory.js

@@ -1,7 +1,8 @@
 var OverpassLayer = require('overpass-layer')
 var OverpassLayerList = require('overpass-layer').List
 
-function OpenStreetBrowserCategory (data) {
+function OpenStreetBrowserCategory (id, data) {
+  this.id = id
   this.layer = new OverpassLayer(data.query, data)
 }
 

src/OpenStreetBrowserIndex.js

@@ -1,4 +1,5 @@
-function OpenStreetBrowserIndex (data) {
+function OpenStreetBrowserIndex (id, data) {
+  this.id = id
   this.data = data
 }
 

src/OpenStreetBrowserLoader.js

@@ -6,9 +6,9 @@ function OpenStreetBrowserLoader (id, callback) {
     var data = JSON.parse(req.responseText)
 
     if (data.type && data.type === 'index') {
-      var layer = new OpenStreetBrowserIndex(data)
+      var layer = new OpenStreetBrowserIndex(id, data)
     } else {
-      var layer = new OpenStreetBrowserCategory(data)
+      var layer = new OpenStreetBrowserCategory(id, data)
     }
 
     callback(null, layer)