]> git.openstreetmap.org Git - rails.git/blob - app/views/site/index.rhtml
Factor out javascript code to support OpenLayers maps into a common file
[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 <% lon =  params['mlon'] %>
8 <% lat =  params['mlat']  %>
9 <% zoom =  params['zoom'] || '12' %>
10 <% elsif @user and params['lon'].nil? and params['lat'].nil? %> 
11 <% lon =  @user.home_lon %>
12 <% lat =  @user.home_lat %>
13 <% zoom = '10' %>
14 <%else%>
15 <% lon =  params['lon'] || '-0.1' %>
16 <% lat =  params['lat'] || '51.5' %>
17 <% zoom =  params['zoom'] || '4' %>
18 <% end %>
19
20 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
21 <%= javascript_include_tag 'map.js' %>
22
23 <script type="text/javascript">
24   <!--
25   var ie6 = ! ( window.addEventListener || window.XMLHttpRequest );
26   var map;
27
28   function init(){
29     var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>));
30     var zoom = <%= zoom %>;
31
32     <% if params['scale'] and params['scale'].length > 0 then %>
33     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
34     <% end %>
35
36     var map = createMap("map", centre, zoom);
37
38     <% if marker %>
39     addMarkerToMap(lonLatToMercator(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>)));
40     <% end %>
41
42     map.events.register("moveend", map, updateLocation);
43     updateLocation();
44
45     document.getElementById('map_OpenLayers_ViewPort').style.position = 'absolute';
46     if ( ie6 ) {
47       handleResize();
48     }
49   }        
50
51   function updateLocation() {
52     var lonlat = mercatorToLonLat(map.getCenter());
53     var zoom = map.getZoom();
54
55     updatelinks(lonlat.lon, lonlat.lat, zoom);
56   }
57
58   function getStyle( el, property ) {
59     var style;
60     if( el.currentStyle ) {
61         style = el.currentStyle[property];
62     } else if( window.getComputedStyle ) {
63         style = document.defaultView.getComputedStyle(el,null).getPropertyValue(property);
64     } else {
65         style = el.style[property];
66     }
67     return style;
68   }
69   
70   function handleResize() {
71     var el = document.getElementById( 'map' );
72     var left = getStyle( el, 'left' );
73     var top = getStyle( el, 'top' );
74     var bottom = getStyle( el, 'bottom' );
75     var right = getStyle( el, 'right' );
76     var width = el.old_width;
77     if( ! width ) {
78         width = getStyle( el, 'width' );
79     }
80     var height = el.old_height;
81     if( ! height ) {
82         height = getStyle( el, 'height' );
83     }
84     var pwidth, pheight;
85     if( el.offsetParent.nodeName == 'BODY' || el.offsetParent.nodeName == 'HTML' ) {
86       if( typeof( window.innerWidth ) == 'number' ) {
87           pwidth = window.innerWidth;
88           height = window.innerHeight;
89       } else if( document.documentElement &&
90           ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
91           pwidth = document.documentElement.clientWidth;
92           pheight = document.documentElement.clientHeight;
93       } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
94           pwidth = document.body.clientWidth;
95           pheight = document.body.clientHeight;
96       }
97     } else {
98       pwidth = el.offsetParent.offsetWidth;
99       pheight = el.offsetParent.offsetHeight;
100     }
101     if( left != 'auto' && right != 'auto' && width == 'auto' ) {
102       el.old_width = width;
103       var new_width = (pwidth - el.offsetLeft - parseInt( right ) );
104       el.style.width = new_width + 'px';
105     }
106     if( top != 'auto' && bottom != 'auto' && height == 'auto' ) {
107       el.old_height = height;
108       var new_height = (pheight - el.offsetTop - parseInt( bottom ) );
109       el.style.height = new_height + 'px';
110     }
111     map.updateSize();
112     el.style.display = 'none';
113     setTimeout( function() {
114         el.style.display = '';
115         }, 200 );
116   }
117
118   if ( ie6 ) {
119     window.onresize = handleResize;
120   }
121
122   window.onload = init;
123 // -->
124 </script>