Include object in share link
authorJohn Firebaugh <john.firebaugh@gmail.com>
Wed, 31 Jul 2013 19:43:51 +0000 (12:43 -0700)
committerJohn Firebaugh <john.firebaugh@gmail.com>
Mon, 5 Aug 2013 15:32:42 +0000 (08:32 -0700)
app/assets/javascripts/browse.js
app/assets/javascripts/index.js
app/assets/javascripts/leaflet.extend.js.erb
app/assets/javascripts/map.js.erb

index 023dc878dd705aef120279676f8f48b099692e6e..5d2412183040ddcb76621aa843bbc829ec36eaac 100644 (file)
@@ -57,8 +57,8 @@ $(document).ready(function () {
       object.version = params.version - 1;
     }
 
-    addObjectToMap(object, map, {
-      zoom: true, 
+    map.addObject(object, {
+      zoom: true,
       callback: function(extent) {
         $("#loading").hide();
         $("#browse_map .geolink").show();
index 19e1f16de8ebd3b3a596fd5bbc95a7eb4b92c24a..489a29c87e732b5d8bfbd1847caf01dc1953c7cd 100644 (file)
@@ -136,7 +136,7 @@ $(document).ready(function () {
   }
 
   if (params.object) {
-    addObjectToMap(params.object, map, { zoom: params.object_zoom });
+    map.addObject(params.object, { zoom: params.object_zoom });
   }
 
   $("body").on("click", "a.set_position", setPositionLink(map));
@@ -195,7 +195,7 @@ function setPositionLink(map) {
       }
 
       if (data.type && data.id) {
-        addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } });
+        map.addObject(data, { zoom: true, style: { opacity: 0.2, fill: false } });
       }
 
       map.markerLayer.clearLayers();
index a50df013e51799871b0f845744a3044c15c9e605..a645ed253b7149ee04cfa58aa7c4806be62c58cb 100644 (file)
@@ -37,6 +37,10 @@ L.extend(L.Map.prototype, {
       params.mlon = marker.getLatLng().lng.toFixed(precision);
     }
 
+    if (this._object) {
+      params[this._object.type] = this._object.id;
+    }
+
     var url = 'http://' + OSM.SERVER_URL + '/',
       query = querystring.stringify(params),
       hash = OSM.formatHash(this);
@@ -50,7 +54,8 @@ L.extend(L.Map.prototype, {
   getShortUrl: function(marker) {
     var zoom = this.getZoom(),
       latLng = marker && this.hasLayer(marker) ? marker.getLatLng() : this.getCenter(),
-      str = '',
+      str = window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
+        'http://osm.org/go/' : 'http://' + window.location.hostname + '/go/',
       char_array = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_~",
       x = Math.round((latLng.lng + 180.0) * ((1 << 30) / 90.0)),
       y = Math.round((latLng.lat + 90.0) * ((1 << 30) / 45.0)),
@@ -83,12 +88,63 @@ L.extend(L.Map.prototype, {
       return (x << 1) | y;
     }
 
+    var params = {};
+
     if (marker && this.hasLayer(marker)) {
-      str += '?m'
+      params.m = '';
+    }
+
+    if (this._object) {
+      params[this._object.type] = this._object.id;
+    }
+
+    var query = querystring.stringify(params);
+    if (query) {
+      str += '?' + query;
     }
 
-    return (window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
-            'http://osm.org/go/' : 'http://' + window.location.hostname + '/go/') + str;
+    return str;
+  },
+
+  addObject: function(object, options) {
+    this._object = object;
+
+    if (this._objectLoader) this._objectLoader.abort();
+    if (this._objectLayer) this.removeLayer(this._objectLayer);
+
+    var map = this;
+    this._objectLoader = $.ajax({
+      url: OSM.apiUrl(object),
+      dataType: "xml",
+      success: function (xml) {
+        map._objectLayer = new L.OSM.DataLayer(null, {
+          styles: {
+            node: options.style,
+            way: options.style,
+            area: options.style
+          }
+        });
+
+        map._objectLayer.interestingNode = function (node, ways, relations) {
+          if (object.type === "node") {
+            return true;
+          } else if (object.type === "relation") {
+            for (var i = 0; i < relations.length; i++)
+              if (relations[i].members.indexOf(node) != -1)
+                return true;
+          } else {
+            return false;
+          }
+        };
+
+        map._objectLayer.addData(xml);
+
+        if (options.zoom) map.fitBounds(map._objectLayer.getBounds());
+        if (options.callback) options.callback(map._objectLayer.getBounds());
+
+        map._objectLayer.addTo(map);
+      }
+    });
   }
 });
 
index 6d26763f8986ab851f5b1b547a0e6e451a772f56..98299070d2e3ed9e2308909e0a2d330745582551 100644 (file)
@@ -1,5 +1,3 @@
-var objectLoader;
-
 function getUserIcon(url) {
   return L.icon({
     iconUrl: url || <%= asset_path('marker-red.png').to_json %>,
@@ -10,41 +8,3 @@ function getUserIcon(url) {
     shadowSize: [41, 41]
   });
 }
-
-function addObjectToMap(object, map, options) {
-  if (objectLoader) objectLoader.abort();
-  if (map.objectLayer) map.removeLayer(map.objectLayer);
-
-  objectLoader = $.ajax({
-    url: OSM.apiUrl(object),
-    dataType: "xml",
-    success: function (xml) {
-      map.objectLayer = new L.OSM.DataLayer(null, {
-        styles: {
-          node: options.style,
-          way: options.style,
-          area: options.style
-        }
-      });
-
-      map.objectLayer.interestingNode = function (node, ways, relations) {
-        if (object.type === "node") {
-          return true;
-        } else if (object.type === "relation") {
-          for (var i = 0; i < relations.length; i++)
-            if (relations[i].members.indexOf(node) != -1)
-              return true;
-        } else {
-          return false;
-        }
-      };
-
-      map.objectLayer.addData(xml);
-
-      if (options.zoom) map.fitBounds(map.objectLayer.getBounds());
-      if (options.callback) options.callback(map.objectLayer.getBounds());
-
-      map.objectLayer.addTo(map);
-    }
-  });
-}