React on URL changes

index.js

@@ -2,6 +2,7 @@ var OverpassLayer = require('overpass-layer')
 var OverpassLayerList = require('overpass-layer').List
 var OverpassFrontend = require('overpass-frontend')
 var OpenStreetBrowserLoader = require('./src/OpenStreetBrowserLoader')
+var hash = require('sheet-router/hash')
 window.OpenStreetBrowserLoader = OpenStreetBrowserLoader
 
 require('./src/OpenStreetBrowserCategory')
@@ -60,6 +61,18 @@ window.onload = function() {
     show(url, options, function () {})
   }
 
+  hash(function (loc) {
+    if (loc.length > 1) {
+      var url = loc.substr(1)
+
+      options = {
+        showDetails: false
+      }
+
+      show(url, options, function () {})
+    }
+  })
+
   tagTranslations.setTagLanguage('de')
   tagTranslations.load('node_modules/openstreetmap-tag-translations', 'de', function (err) {
     if (err) {

package.json

@@ -10,7 +10,8 @@
     "font-awesome": "^4.7.0",
     "leaflet": "^1.0.3",
     "openstreetmap-tag-translations": "^1.0.0",
-    "overpass-layer": "https://github.com/plepe/overpass-layer#marker"
+    "overpass-layer": "https://github.com/plepe/overpass-layer#marker",
+    "sheet-router": "^4.2.3"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",