]> git.openstreetmap.org Git - rails.git/blobdiff - app/views/browse/_map.rhtml
Add a mini map to the changeset view in the data browser.
[rails.git] / app / views / browse / _map.rhtml
index 9ca0a163af6941489c82fd85295f81ce865e70d6..d972104ba9d9c40cf08f5928575ca2e72766d09b 100644 (file)
@@ -1,24 +1,45 @@
 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
 <%= javascript_include_tag 'map.js' %>
-<div id="small_map" style="width:250px; height: 300px; border: solid 1px black">
-</div>
-<span id="loading">Loading...</span>
-<a id="larger_map" href=""></a>
+<td align="right">
+  <% if map.instance_of? Changeset or map.visible %>
+    <div id="small_map" style="width:250px; height: 300px; border: solid 1px black">
+    </div>
+    <span id="loading">Loading...</span>
+    <a id="larger_map" href=""></a>
+  <% else %>
+    Deleted
+  <% end %>
+</td>
 <script type="text/javascript">
   function init() {
-    var obj_type = "<%= type %>";
-    var obj_id = <%= id %>;
-    var url = "/api/<%= "#{API_VERSION}" %>/<%= type %>/<%= id %>";
+    var map = createMap("small_map", {
+      controls: [ new OpenLayers.Control.Navigation() ]
+    });
+
+    <% if map.instance_of? Changeset %>
+    var minlon = <%= map.min_lon / GeoRecord::SCALE.to_f %>;
+    var minlat = <%= map.min_lat / GeoRecord::SCALE.to_f %>;
+    var maxlon = <%= map.max_lon / GeoRecord::SCALE.to_f %>;
+    var maxlat = <%= map.max_lat / GeoRecord::SCALE.to_f %>;
+    var bbox = new OpenLayers.Bounds(minlon, minlat, maxlon, maxlat);
+
+    setMapExtent(bbox);
+    addBoxToMap(bbox);
+
+    $("loading").innerHTML = "";
+
+    $("larger_map").href = '/?minlon='+minlon+'&minlat='+minlat+'&maxlon='+maxlon+'&maxlat='+maxlat+'&box=yes';
+    $("larger_map").innerHTML = "View Larger Map";
+    <% else %>
+    var obj_type = "<%= map.class.name.downcase %>";
+    var obj_id = <%= map.id %>;
+    var url = "/api/<%= "#{API_VERSION}" %>/<%= map.class.name.downcase %>/<%= map.id %>";
 
     if (obj_type != "node") {
       url += "/full";
     }
 
-    var map = createMap("small_map", {
-      controls: [ new OpenLayers.Control.Navigation() ]
-    });
-
     var osm_layer = new OpenLayers.Layer.GML("OSM", url, {
       format: OpenLayers.Format.OSM,
       projection: new OpenLayers.Projection("EPSG:4326")
@@ -52,6 +73,7 @@
 
     osm_layer.loadGML();
     osm_layer.loaded = true;
+    <% end %>
   }
 
   window.onload = init;