]> git.openstreetmap.org Git - rails.git/blob - app/views/site/index.rhtml
Resize the map div when the page load is complete (via onload) in case the
[rails.git] / app / views / site / index.rhtml
1 <% content_for :greeting do %>
2 <% if @user and !@user.home_lon.nil? and !@user.home_lat.nil? %>
3 <%= link_to_function 'home', "setPosition(#{@user.home_lat}, #{@user.home_lon}, 10)" %> |
4 <% end %>
5 <% end %>
6
7 <%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
8 <%= render :partial => 'key' %>
9 <%= render :partial => 'search' %>
10
11 <div id="map">
12 <div id="permalink"><a href="/" id="permalinkanchor">Permalink</a></div>
13 </div> 
14
15 <div id="attribution">
16 <table width="100%">
17 <tr>
18 <td align="left">http://creativecommons.org/licenses/by-sa/2.0/</td>
19 <td align="right">http://openstreetmap.org/</td>
20 </tr>
21 <tr>
22 <td colspan="2" align="center">
23 Licensed under the Creative Commons Attribution-Share Alike 2.0 license
24 by the OpenStreetMap project and it's contributors.
25 </td>
26 </table>
27 </div>
28
29 <% if params['mlon'] and params['mlat'] %>
30 <% marker = true %>
31 <% mlon = h(params['mlon']) %> 
32 <% mlat = h(params['mlat']) %>
33 <% end %>
34
35 <% if params['minlon'] and params['minlat'] and params['maxlon'] and params['maxlat'] %>
36 <% bbox = true %>
37 <% minlon = h(params['minlon']) %>
38 <% minlat = h(params['minlat']) %>
39 <% maxlon = h(params['maxlon']) %>
40 <% maxlat = h(params['maxlat']) %>
41 <% end %>
42
43 <% if params['lon'] and params['lat'] %>
44 <% lon =  h(params['lon']) %>
45 <% lat =  h(params['lat']) %>
46 <% zoom =  h(params['zoom'] || '5') %>
47 <% layers = h(params['layers']) %>
48 <% elsif params['mlon'] and params['mlat'] %>
49 <% lon = h(params['mlon']) %> 
50 <% lat = h(params['mlat']) %>
51 <% zoom =  h(params['zoom'] || '12') %>
52 <% layers = h(params['layers']) %>
53 <% elsif cookies.key?("location") %>
54 <% lon,lat,zoom,layers = cookies["location"].split(",") %>
55 <% elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil? %> 
56 <% lon =  @user.home_lon %>
57 <% lat =  @user.home_lat %>
58 <% zoom = '10' %>
59 <% else %>
60 <% session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location] %>
61 <% if session[:location] %>
62 <% bbox = true %>
63 <% minlon = session[:location][:minlon] %>
64 <% minlat = session[:location][:minlat] %>
65 <% maxlon = session[:location][:maxlon] %>
66 <% maxlat = session[:location][:maxlat] %>
67 <% else %>
68 <% lon =  '-0.1' %>
69 <% lat =  '51.5' %>
70 <% zoom =  h(params['zoom'] || '5') %>
71 <% layers = h(params['layers']) %>
72 <% end %>
73 <% end %>
74
75 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
76 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
77 <%= javascript_include_tag 'map.js' %>
78
79
80 <script type="text/javascript" defer="defer">
81   <!--
82   var brokenContentSize = $("content").offsetWidth == 0;
83   var marker;
84   var map;
85
86   function mapInit(){
87     map = createMap("map");
88
89     <% if bbox %>
90     var min = lonLatToMercator(new OpenLayers.LonLat(<%= minlon %>, <%= minlat %>));
91     var max = lonLatToMercator(new OpenLayers.LonLat(<%= maxlon %>, <%= maxlat %>));
92     var bbox = new OpenLayers.Bounds(min.lon, min.lat, max.lon, max.lat);
93
94     map.zoomToExtent(bbox);
95     <% else %>
96     var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>));
97     var zoom = <%= zoom %>;
98
99     <% if params['scale'] and params['scale'].length > 0 then %>
100     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
101     <% end %>
102
103     map.setCenter(centre, zoom);
104     <% end %>
105
106     <% if layers %>
107     setMapLayers("<%= layers %>");
108     <% end %>
109
110     <% if marker %>
111     marker = addMarkerToMap(lonLatToMercator(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>)));
112     <% end %>
113
114     map.events.register("zoomend", map, updateKey);
115
116     map.events.register("moveend", map, updateLocation);
117     map.events.register("changelayer", map, updateLocation);
118     updateLocation();
119
120     handleResize();
121   }
122
123   function getPosition() {
124     return mercatorToLonLat(map.getCenter());
125   }
126
127   function setPosition(lat, lon, zoom) {
128     var centre = lonLatToMercator(new OpenLayers.LonLat(lon, lat));
129
130     map.setCenter(centre, zoom);
131
132     if (marker)
133       removeMarkerFromMap(marker);
134
135     marker = addMarkerToMap(centre, getArrowIcon());
136   }
137
138   function updateLocation() {
139     var lonlat = mercatorToLonLat(map.getCenter());
140     var zoom = map.getZoom();
141     var layers = getMapLayers();
142
143     updatelinks(lonlat.lon, lonlat.lat, zoom, layers);
144
145     document.cookie = "location=" + lonlat.lon + "," + lonlat.lat + "," + zoom + "," + layers;
146   }
147
148   function resizeContent() {
149     var content = $("content");
150     var rightMargin = parseInt(getStyle(content, "right"));
151     var bottomMargin = parseInt(getStyle(content, "bottom"));
152
153     content.style.width = document.documentElement.clientWidth - content.offsetLeft - rightMargin;
154     content.style.height = document.documentElement.clientHeight - content.offsetTop - bottomMargin;
155   }
156   
157   function resizeMap() {
158     var centre = map.getCenter();
159     var zoom = map.getZoom();
160     var sidebar_width = $("sidebar").offsetWidth;
161
162     if (sidebar_width > 0) {
163       sidebar_width = sidebar_width + 5
164     }
165
166     $("map").style.left = (sidebar_width) + "px";
167     $("map").style.width = ($("content").offsetWidth - sidebar_width) + "px";
168     $("map").style.height = ($("content").offsetHeight - 2) + "px";
169
170     map.setCenter(centre, zoom);
171   }
172
173   function handleResize() {
174     if (brokenContentSize) {
175       resizeContent();
176     }
177
178     resizeMap();
179   }
180   
181   mapInit();
182
183   window.onload = handleResize;
184   window.onresize = handleResize;
185 // -->
186 </script>