]> git.openstreetmap.org Git - rails.git/blob - app/views/browse/_map.html.erb
5bb83b6bfb5f523234d719d24929f3c3e7d64e4b
[rails.git] / app / views / browse / _map.html.erb
1 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
2 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
3 <%= javascript_include_tag 'map.js' %>
4 <td>
5   <div style="width: 250px; margin: auto; text-align: right"">
6     <% if map.instance_of? Changeset or map.visible %>
7       <div id="small_map" style="width:250px; height: 300px; border: solid 1px black">
8       </div>
9       <span id="loading"><%= t 'browse.map.loading' %></span>
10       <a id="area_larger_map" href=""></a>
11       <% unless map.instance_of? Changeset %>
12         <br />
13         <a id="object_larger_map" href=""></a>
14       <% end %>
15     <% else %>
16       <%= t 'browse.map.deleted' %>
17     <% end %>
18   </div>
19 </td>
20 <% if map.instance_of? Changeset or map.visible %>
21   <script type="text/javascript">
22     OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
23
24     function init() {
25       var map = createMap("small_map", {
26         controls: [ new OpenLayers.Control.Navigation() ]
27       });
28
29       <% if map.instance_of? Changeset %>
30         var minlon = <%= map.min_lon / GeoRecord::SCALE.to_f %>;
31         var minlat = <%= map.min_lat / GeoRecord::SCALE.to_f %>;
32         var maxlon = <%= map.max_lon / GeoRecord::SCALE.to_f %>;
33         var maxlat = <%= map.max_lat / GeoRecord::SCALE.to_f %>;
34         var bbox = new OpenLayers.Bounds(minlon, minlat, maxlon, maxlat);
35
36         setMapExtent(bbox);
37         addBoxToMap(bbox);
38
39         $("loading").innerHTML = "";
40
41         $("area_larger_map").href = '/?minlon='+minlon+'&minlat='+minlat+'&maxlon='+maxlon+'&maxlat='+maxlat+'&box=yes';
42         $("area_larger_map").innerHTML = "<%= t 'browse.map.larger.area' %>";
43       <% else %>
44         var obj_type = "<%= map.class.name.downcase %>";
45         var obj_id = <%= map.id %>;
46         var url = "/api/<%= "#{API_VERSION}" %>/<%= map.class.name.downcase %>/<%= map.id %>";
47
48         if (obj_type != "node") {
49           url += "/full";
50         }
51
52         addObjectToMap(url, true, function(extent) {
53           $("loading").innerHTML = "";
54
55           if (extent) {
56             extent.transform(map.getProjectionObject(), map.displayProjection);
57
58             $("area_larger_map").href = '/?minlon='+extent.left+'&minlat='+extent.bottom+'&maxlon='+extent.right+'&maxlat='+extent.top;
59             $("area_larger_map").innerHTML = "<%= t 'browse.map.larger.area' %>";
60
61             <% unless map.instance_of? Changeset %>
62               $("object_larger_map").href = '/?<%= map.class.to_s.downcase %>=<%= map.id %>';
63               $("object_larger_map").innerHTML = "<%= t('browse.map.larger.' + map.class.to_s.downcase) %>";
64             <% end %>
65           } else {
66             $("small_map").style.display = "none";
67           }
68         });
69       <% end %>
70     }
71
72     window.onload = init;
73   </script>
74 <% end %>