X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/093aea72bde2d615c993fa6ef5db12287f9aa2f3..db30a423a8f923bbcae709e1c8f6e337f637bc9a:/app/views/browse/_map.rhtml

diff --git a/app/views/browse/_map.rhtml b/app/views/browse/_map.rhtml
new file mode 100644
index 000000000..3128108d9
--- /dev/null
+++ b/app/views/browse/_map.rhtml
@@ -0,0 +1,32 @@
+<%= javascript_include_tag '/openlayers/OpenLayers.js' %>
+<%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
+<%= javascript_include_tag 'map.js' %>
+<div style="float:right">
+<div id="small_map" style="width:250px; height: 300px; border: solid 1px black">
+</div>
+<script type="text/javascript">
+  function init() {
+  var obj_type = '<%= type %>';
+  var obj_id = <%= id %>;
+  var url = "/api/<%= "#{API_VERSION}" %>/<%= type %>/<%= id %>";
+  if (obj_type == "way") {
+    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")});
+  osm_layer.events.register("loadend", osm_layer, function() {
+    $("loading").innerHTML = ""; 
+    this.map.zoomToExtent( this.features[0].geometry.getBounds());
+    var center = map.getCenter().clone().transform(this.map.getProjectionObject(), new OpenLayers.Projection("EPSG:4326"));
+    $("larger_map").href = '/?lat='+center.lat+'&lon='+center.lon+'&zoom='+this.map.getZoom();
+    $("larger_map").innerHTML = "View Larger Map";
+  })   
+  map.addLayer(osm_layer);
+  osm_layer.loadGML();
+  osm_layer.loaded = true;
+}
+window.onload = init;
+</script>
+<span id="loading">Loading...</span>
+<a id="larger_map" href=""></a>
+</div>