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>