Generate hash-based permalinks
authorJohn Firebaugh <john.firebaugh@gmail.com>
Wed, 24 Jul 2013 17:09:56 +0000 (10:09 -0700)
committerJohn Firebaugh <john.firebaugh@gmail.com>
Tue, 30 Jul 2013 22:41:41 +0000 (15:41 -0700)
app/assets/javascripts/application.js
app/assets/javascripts/leaflet.extend.js.erb
app/assets/javascripts/osm.js.erb

index 18b1515c59b121c6bd4cc06d0f91e488456bffb6..256ab8e481295c4c36f49699271830a17767aa02 100644 (file)
@@ -59,40 +59,21 @@ function remoteEditHandler(bbox, select) {
  * view tab and various other links
  */
 function updatelinks(loc, zoom, layers, bounds, object) {
-  var precision = zoomPrecision(zoom);
-  bounds = normalBounds(bounds);
-
-  var lat = loc.lat.toFixed(precision),
-      lon = (loc.lon || loc.lng).toFixed(precision);
-
-  if (bounds) {
-    var minlon = bounds.getWest().toFixed(precision),
-        minlat = bounds.getSouth().toFixed(precision),
-        maxlon = bounds.getEast().toFixed(precision),
-        maxlat = bounds.getNorth().toFixed(precision);
-  }
+  $(".geolink").each(function(index, link) {
+    var base = link.href.split('?')[0],
+        args = querystring.parse(link.search.substring(1));
 
-  $(".geolink").each(setGeolink);
+    if (bounds && $(link).hasClass("bbox")) args.bbox = normalBounds(bounds).toBBoxString();
+    if (layers && $(link).hasClass("layers")) args.layers = layers;
+    if (object && $(link).hasClass("object")) args[object.type] = object.id;
 
-  function setGeolink(index, link) {
-    var base = link.href.split('?')[0],
-        qs = link.href.split('?')[1],
-        args = querystring.parse(qs);
+    var href = base + '?' + querystring.stringify(args);
 
     if ($(link).hasClass("llz")) {
-      $.extend(args, {
-          lat: lat,
-          lon: lon,
-          zoom: zoom
-      });
-    } else if (minlon && $(link).hasClass("bbox")) {
-      $.extend(args, {
-          bbox: minlon + "," + minlat + "," + maxlon + "," + maxlat
-      });
+      href += OSM.formatHash({lat: loc.lat, lon: loc.lon || loc.lng, zoom: zoom});
     }
 
-    if (layers && $(link).hasClass("layers")) args.layers = layers;
-    if (object && $(link).hasClass("object")) args[object.type] = object.id;
+    link.href = href;
 
     var minzoom = $(link).data("minzoom");
     if (minzoom) {
@@ -112,8 +93,7 @@ function updatelinks(loc, zoom, layers, bounds, object) {
           });
       }
     }
-    link.href = base + '?' + querystring.stringify(args);
-  }
+  });
 }
 
 // generate a cookie-safe string of map state
index 91cb12091140718376cd845659f057302d70cf93..84ad92920e41c959d40d98dcf5be62060777b9c0 100644 (file)
@@ -29,22 +29,16 @@ L.extend(L.Map.prototype, {
   },
 
   getUrl: function(marker) {
-    var center = this.getCenter(),
-        zoom = this.getZoom(),
-        precision = zoomPrecision(zoom),
-        params = {
-          lat: center.lat.toFixed(precision),
-          lon: center.lng.toFixed(precision),
-          zoom: zoom,
-          layers: this.getLayersCode()
-        };
+    var precision = zoomPrecision(this.getZoom()),
+        params = { layers: this.getLayersCode() };
 
     if (marker && this.hasLayer(marker)) {
       params.mlat = marker.getLatLng().lat.toFixed(precision);
       params.mlon = marker.getLatLng().lng.toFixed(precision);
     }
 
-    return 'http://' + OSM.SERVER_URL + '/?' + querystring.stringify(params);
+    return 'http://' + OSM.SERVER_URL + '/?' + querystring.stringify(params) +
+      OSM.formatHash({lat: this.getCenter().lat, lon: this.getCenter().lng, zoom: this.getZoom()});
   },
 
   getShortUrl: function(marker) {
index 4bfc5cad150c971a47013164c93384d2e823dc53..5343b039cc8d6e82f3e4875a8e4cc1a3b06b398b 100644 (file)
@@ -130,5 +130,12 @@ OSM = {
     }
 
     return mapParams;
+  },
+
+  formatHash: function(args) {
+    var precision = zoomPrecision(args.zoom);
+    return '#' + args.zoom +
+           '/' + args.lat.toFixed(precision) +
+           '/' + args.lon.toFixed(precision);
   }
 };