app/views/site/index.rhtml

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