85adb7ddb03823b92b596e42fd2e89b9e6c425eb
[rails.git] / app / views / site / index.rhtml
1 <% content_for :greeting do %>
2 <% if !@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 <% content_for :left_menu do %>
8 <%= link_to "Map key", "http://wiki.openstreetmap.org/index.php/Map_Key" %>
9 <% end %>
10
11 <%= render :partial => 'search', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
12
13 <div id="map"></div> 
14
15 <% if params['mlon'] and params['mlat'] %>
16 <% marker = true %>
17 <% mlon = params['mlon'] %> 
18 <% mlat = params['mlat'] %>
19 <% end %>
20
21 <% if params['minlon'] and params['minlat'] and params['maxlon'] and params['maxlat'] %>
22 <% bbox = true %>
23 <% minlon = params['minlon'] %>
24 <% minlat = params['minlat'] %>
25 <% maxlon = params['maxlon'] %>
26 <% maxlat = params['maxlat'] %>
27 <% end %>
28
29 <% if params['lon'] and params['lat'] %>
30 <% lon =  params['lon'] %>
31 <% lat =  params['lat'] %>
32 <% zoom =  params['zoom'] || '5' %>
33 <% layers = params['layers'] %>
34 <% elsif params['mlon'] and params['mlat'] %>
35 <% lon = params['mlon'] %> 
36 <% lat = params['mlat'] %>
37 <% zoom =  params['zoom'] || '12' %>
38 <% layers = params['layers'] %>
39 <% elsif cookies.key?("location") %>
40 <% lon,lat,zoom,layers = cookies["location"].value.first.split(",") %>
41 <% elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil? %> 
42 <% lon =  @user.home_lon %>
43 <% lat =  @user.home_lat %>
44 <% zoom = '10' %>
45 <% else %>
46 <% session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location] %>
47 <% if session[:location] %>
48 <% bbox = true %>
49 <% minlon = session[:location][:minlon] %>
50 <% minlat = session[:location][:minlat] %>
51 <% maxlon = session[:location][:maxlon] %>
52 <% maxlat = session[:location][:maxlat] %>
53 <% else %>
54 <% lon =  '-0.1' %>
55 <% lat =  '51.5' %>
56 <% zoom =  params['zoom'] || '5' %>
57 <% layers = params['layers'] %>
58 <% end %>
59 <% end %>
60
61 <script type="text/javascript" src="/openlayers/OpenLayers.js"></script>
62 <%= javascript_include_tag 'map.js' %>
63
64
65 <script type="text/javascript">
66   <!--
67   var brokenContentSize = $("content").offsetWidth == 0;
68   var marker;
69   var map;
70
71   function init(){
72     map = createMap("map");
73
74     <% if bbox %>
75     var min = lonLatToMercator(new OpenLayers.LonLat(<%= minlon %>, <%= minlat %>));
76     var max = lonLatToMercator(new OpenLayers.LonLat(<%= maxlon %>, <%= maxlat %>));
77     var bbox = new OpenLayers.Bounds(min.lon, min.lat, max.lon, max.lat);
78
79     map.zoomToExtent(bbox);
80     <% else %>
81     var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>));
82     var zoom = <%= zoom %>;
83
84     <% if params['scale'] and params['scale'].length > 0 then %>
85     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
86     <% end %>
87
88     map.setCenter(centre, zoom);
89     <% end %>
90
91     <% if marker %>
92     marker = addMarkerToMap(lonLatToMercator(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>)));
93     <% end %>
94
95     <% if layers %>
96     setMapLayers("<%= layers %>");
97     <% end %>
98
99     map.events.register("moveend", map, updateLocation);
100     updateLocation();
101
102     handleResize();
103   }
104
105   function setPosition(lat, lon, zoom) {
106     var centre = lonLatToMercator(new OpenLayers.LonLat(lon, lat));
107
108     map.setCenter(centre, zoom);
109
110     if (marker)
111       removeMarkerFromMap(marker);
112
113     marker = addMarkerToMap(centre, getArrowIcon());
114   }
115
116   function updateLocation() {
117     var lonlat = mercatorToLonLat(map.getCenter());
118     var zoom = map.getZoom();
119     var layers = getMapLayers();
120
121     updatelinks(lonlat.lon, lonlat.lat, zoom, layers);
122
123     document.cookie = "location=" + lonlat.lon + "," + lonlat.lat + "," + zoom + "," + layers;
124   }
125
126   function resizeContent() {
127     var content = $("content");
128     var rightMargin = parseInt(getStyle(content, "right"));
129     var bottomMargin = parseInt(getStyle(content, "bottom"));
130
131     content.style.width = document.documentElement.clientWidth - content.offsetLeft - rightMargin;
132     content.style.height = document.documentElement.clientHeight - content.offsetTop - bottomMargin;
133   }
134   
135   function resizeMap() {
136     var centre = map.getCenter();
137     var zoom = map.getZoom();
138     var search_results_width = $("search_results").offsetWidth;
139
140     if (search_results_width > 0) {
141       search_results_width = search_results_width + 5
142     }
143
144     $("map").style.left = (search_results_width) + "px";
145     $("map").style.width = ($("content").offsetWidth - search_results_width) + "px";
146     $("map").style.height = ($("content").offsetHeight - 2) + "px";
147
148     map.setCenter(centre, zoom);
149   }
150
151   function handleResize() {
152     if (brokenContentSize) {
153       resizeContent();
154     }
155
156     resizeMap();
157   }
158
159   window.onresize = handleResize;
160   window.onload = init;
161 // -->
162 </script>