Use a cookie to remember the last location viewed on the slippy map.
[rails.git] / app / views / site / index.rhtml
1 <%= render :partial => 'search' %>
2
3 <% if params['mlon'] and params['mlat'] %>
4 <% marker = true %>
5 <% mlon = params['mlon'] %> 
6 <% mlat = params['mlat'] %>
7 <% end %>
8
9 <% if params['lon'] and params['lat'] %>
10 <% lon =  params['lon'] %>
11 <% lat =  params['lat'] %>
12 <% zoom =  params['zoom'] || '5' %>
13 <% elsif params['mlon'] and params['mlat'] %>
14 <% lon = params['mlon'] %> 
15 <% lat = params['mlat'] %>
16 <% zoom =  params['zoom'] || '12' %>
17 <% elsif cookies.key?("location") %>
18 <% lon,lat,zoom = cookies["location"].value.first.split(",") %>
19 <% elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil? %> 
20 <% lon =  @user.home_lon %>
21 <% lat =  @user.home_lat %>
22 <% zoom = '10' %>
23 <% else %>
24 <% lon =  '-0.1' %>
25 <% lat =  '51.5' %>
26 <% zoom =  params['zoom'] || '5' %>
27 <% end %>
28
29 <script type="text/javascript" src="/openlayers/OpenLayers.js"></script>
30 <%= javascript_include_tag 'map.js' %>
31
32 <% unless @user %>
33 <script src="http://www.mappam.com/javascripts/mappam.js" type="text/javascript"></script>
34 <% end %>
35
36
37 <script type="text/javascript">
38   <!--
39   var ie = navigator.appName.indexOf("Microsoft Internet Explorer") != -1;
40   var map;
41
42   function init(){
43     var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>));
44     var zoom = <%= zoom %>;
45
46     <% if params['scale'] and params['scale'].length > 0 then %>
47     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
48     <% end %>
49
50     var map = createMap("map", centre, zoom);
51
52     <% if marker %>
53     addMarkerToMap(lonLatToMercator(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>)));
54     <% end %>
55
56     map.events.register("moveend", map, updateLocation);
57     updateLocation();
58
59     <% unless @user %>
60     if ( window.location.hostname == "www.openstreetmap.org" ) { 
61       mappam.register( map, '10011756636067178496', '1');
62     } else if( window.location.hostname == "openstreetmap.org" ) {
63       mappam.register( map, '6738410720121976832', '1');
64     }
65     <% end %>
66
67     document.getElementById('map_OpenLayers_ViewPort').style.position = 'absolute';
68     if ( ie ) {
69       handleResize();
70     }
71   }        
72
73   function updateLocation() {
74     var lonlat = mercatorToLonLat(map.getCenter());
75     var zoom = map.getZoom();
76
77     updatelinks(lonlat.lon, lonlat.lat, zoom);
78
79     document.cookie = "location=" + lonlat.lon + "," + lonlat.lat + "," + zoom;
80   }
81
82   function getStyle( el, property ) {
83     var style;
84     if( el.currentStyle ) {
85         style = el.currentStyle[property];
86     } else if( window.getComputedStyle ) {
87         style = document.defaultView.getComputedStyle(el,null).getPropertyValue(property);
88     } else {
89         style = el.style[property];
90     }
91     return style;
92   }
93   
94   function handleResize() {
95     var el = document.getElementById( 'map' );
96     var left = getStyle( el, 'left' );
97     var top = getStyle( el, 'top' );
98     var bottom = getStyle( el, 'bottom' );
99     var right = getStyle( el, 'right' );
100     var width = el.old_width;
101     var height;
102     if( ! width ) {
103         width = getStyle( el, 'width' );
104     }
105     var height = el.old_height;
106     if( ! height ) {
107         height = getStyle( el, 'height' );
108     }
109     var pwidth, pheight;
110     if( el.offsetParent.nodeName == 'BODY' || el.offsetParent.nodeName == 'HTML' ) {
111       if( typeof( window.innerWidth ) == 'number' ) {
112           pwidth = window.innerWidth;
113           pheight = window.innerHeight;
114       } else if( document.documentElement &&
115           ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
116           pwidth = document.documentElement.clientWidth;
117           pheight = document.documentElement.clientHeight;
118       } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
119           pwidth = document.body.clientWidth;
120           pheight = document.body.clientHeight;
121       }
122     } else {
123       pwidth = el.offsetParent.offsetWidth;
124       pheight = el.offsetParent.offsetHeight;
125     }
126     if( left != 'auto' && right != 'auto' && width == 'auto' ) {
127       el.old_width = width;
128       var new_width = (pwidth - el.offsetLeft - parseInt( right ) );
129       el.style.width = new_width + 'px';
130     }
131     if( top != 'auto' && bottom != 'auto' && height == 'auto' ) {
132       el.old_height = height;
133       var new_height = (pheight - el.offsetTop - parseInt( bottom ) );
134       el.style.height = new_height + 'px';
135     }
136     map.updateSize();
137     el.style.display = 'none';
138     setTimeout( function() { el.style.display = ''; }, 200 );
139   }
140
141   if ( ie ) {
142     window.onresize = handleResize;
143   }
144
145   window.onload = init;
146 // -->
147 </script>