app/views/site/index.html.erb

   1 <% content_for :greeting do %>
   2 <% if @user and !@user.home_lon.nil? and !@user.home_lat.nil? %>
   3   <%= link_to_function t('layouts.home'), "setPosition(#{@user.home_lat}, #{@user.home_lon}, 10)", { :title => t('layouts.home_tooltip') } %> |
   4 <% end %>
   5 <% end %>
   6
   7 <%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
   8 <%= render :partial => 'key' %>
   9 <%= render :partial => 'search' %>
  10
  11 <noscript>
  12   <div id="noscript">
  13     <p><%= t 'site.index.js_1' %></p>
  14     <p><%= t 'site.index.js_2' %></p>
  15     <p><%= t 'site.index.js_3' %></p>
  16   </div>
  17 </noscript>
  18
  19 <div id="map">
  20   <div id="permalink">
  21     <a href="/" id="permalinkanchor"><%= t 'site.index.permalink' %></a><br/>
  22     <a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a>
  23   </div>
  24 </div>
  25
  26 <div id="attribution">
  27   <table width="100%">
  28     <tr>
  29       <td align="left"><%= t'site.index.license.license_url' %></td>
  30       <td align="right"><%= t'site.index.license.project_url' %></td>
  31     </tr>
  32     <tr>
  33       <td colspan="2" align="center"><%=
  34         t'site.index.license.notice',
  35           :license_name => t('site.index.license.license_name'),
  36           :project_name => t('site.index.license.project_name')
  37         %></td>
  38     </tr>
  39   </table>
  40 </div>
  41
  42 <%
  43 if params['mlon'] and params['mlat']
  44         marker = true
  45         mlon = h(params['mlon'])
  46         mlat = h(params['mlat'])
  47 end
  48
  49 if params['minlon'] and params['minlat'] and params['maxlon'] and params['maxlat']
  50         bbox = true
  51         minlon = h(params['minlon'])
  52         minlat = h(params['minlat'])
  53         maxlon = h(params['maxlon'])
  54         maxlat = h(params['maxlat'])
  55         box = true if params['box']=="yes"
  56 end
  57
  58 if params['node'] or params['way'] or params['relation']
  59     object = true
  60     if params['node']
  61         object_type = 'node'
  62         object_id = h(params['node'])
  63     elsif params['way']
  64         object_type = 'way'
  65         object_id = h(params['way'])
  66     elsif params['relation']
  67         object_type = 'relation'
  68         object_id = h(params['relation'])
  69     end
  70 end
  71
  72 # Decide on a lat lon to initialise the map with. Various ways of doing this
  73 if params['lon'] and params['lat']
  74         # We only want to override the default 'object = true' zoom above
  75         # if we get actual GET params, as opposed to say a cookie
  76         lat_lon_zoom_via_params = true
  77
  78         lon =  h(params['lon'])
  79         lat =  h(params['lat'])
  80         zoom =  h(params['zoom'] || '5')
  81         layers = h(params['layers'])
  82
  83 elsif params['mlon'] and params['mlat']
  84         lon = h(params['mlon'])
  85         lat = h(params['mlat'])
  86         zoom =  h(params['zoom'] || '12')
  87         layers = h(params['layers'])
  88
  89 elsif cookies.key?("_osm_location")
  90         lon,lat,zoom,layers = cookies["_osm_location"].split("|")
  91
  92 elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil?
  93         lon =  @user.home_lon
  94         lat =  @user.home_lat
  95         zoom = '10'
  96 else
  97         session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location]
  98
  99         if session[:location]
 100                 bbox = true
 101                 minlon = session[:location][:minlon]
 102                 minlat = session[:location][:minlat]
 103                 maxlon = session[:location][:maxlon]
 104                 maxlat = session[:location][:maxlat]
 105         else
 106                 lon =  '-0.1'
 107                 lat =  '51.5'
 108                 zoom =  h(params['zoom'] || '5')
 109         end
 110         layers = h(params['layers'])
 111 end
 112 %>
 113
 114 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
 115 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
 116 <%= javascript_include_tag 'map.js' %>
 117
 118
 119 <script type="text/javascript" defer="defer">
 120   <!--
 121   var brokenContentSize = $("content").offsetWidth == 0;
 122   var marker;
 123   var map;
 124   var obj_type = false;
 125   var obj_id = false;
 126
 127   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
 128
 129   function mapInit(){
 130     map = createMap("map");
 131
 132     <% unless OSM_STATUS == :api_offline or OSM_STATUS == :database_offline %>
 133     map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", { "visibility": false });
 134     map.dataLayer.events.register("visibilitychanged", map.dataLayer, toggleData);
 135     map.addLayer(map.dataLayer);
 136     <% end %>
 137
 138     <% if bbox %>
 139     var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
 140
 141     setMapExtent(bbox);
 142     <%    if box %>
 143     // IE requires Vector layers be initialised on page load, and not under deferred script conditions
 144     Event.observe(window, 'load', function() {addBoxToMap(bbox)});
 145     <%    end %>
 146     <% elsif object %>
 147     // Display node/way/relation on the map
 148     obj_type = "<%= object_type %>";
 149     obj_id = <%= object_id %>;
 150     var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
 151
 152     if (obj_type != "node") {
 153         url += "/full";
 154     }
 155
 156     var osm_layer = new OpenLayers.Layer.GML("OSM", url, {
 157         format: OpenLayers.Format.OSM,
 158         projection: new OpenLayers.Projection("EPSG:4326")
 159     });
 160
 161     osm_layer.events.register("loadend", osm_layer, function() {
 162       if (this.features.length) {
 163         var extent =  this.features[0].geometry.getBounds();
 164           for (var i = 1; i < this.features.length; i++) {
 165             extent.extend(this.features[i].geometry.getBounds());
 166            }
 167
 168            <% unless lat_lon_zoom_via_params %>
 169            if (extent) {
 170              this.map.zoomToExtent(extent);
 171            } else {
 172              this.map.zoomToMaxExtent();
 173            }
 174            <% else %>
 175            var center = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
 176            var zoom = <%= zoom %>;
 177            <% end %>
 178
 179            var center = getMapCenter();
 180       }
 181     });
 182
 183     map.addLayer(osm_layer);
 184     osm_layer.loadGML();
 185     osm_layer.loaded = true;
 186
 187     <% else %>
 188     var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
 189     var zoom = <%= zoom %>;
 190
 191     <%    if params['scale'] and params['scale'].length > 0 then %>
 192     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
 193     <%    end %>
 194
 195     setMapCenter(centre, zoom);
 196     <% end %>
 197
 198     <% if !layers.nil? and !layers.empty? %>
 199     setMapLayers("<%= layers %>");
 200     <% end %>
 201
 202     <% if marker %>
 203     marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
 204     <% end %>
 205
 206     map.events.register("moveend", map, updateLocation);
 207     map.events.register("changelayer", map, updateLocation);
 208     updateLocation();
 209
 210     handleResize();
 211   }
 212
 213   function toggleData() {
 214     if (map.dataLayer.visibility) {
 215       <%= remote_function :url => { :controller => 'browse', :action => 'start' } %>
 216     } else {
 217       closeSidebar();
 218     }
 219   }
 220
 221   function getPosition() {
 222     return getMapCenter();
 223   }
 224
 225   function setPosition(lat, lon, zoom) {
 226     var centre = new OpenLayers.LonLat(lon, lat);
 227
 228     setMapCenter(centre, zoom);
 229
 230     if (marker)
 231       removeMarkerFromMap(marker);
 232
 233     marker = addMarkerToMap(centre, getArrowIcon());
 234   }
 235
 236   function updateLocation() {
 237     var lonlat = getMapCenter();
 238     var zoom = map.getZoom();
 239     var layers = getMapLayers();
 240     var extents = getMapExtent();
 241     var expiry = new Date();
 242
 243     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, obj_type, obj_id);
 244
 245     expiry.setYear(expiry.getFullYear() + 10);
 246     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
 247   }
 248
 249   function resizeContent() {
 250     var content = $("content");
 251     var rightMargin = parseInt(getStyle(content, "right"));
 252     var bottomMargin = parseInt(getStyle(content, "bottom"));
 253
 254     content.style.width = document.documentElement.clientWidth - content.offsetLeft - rightMargin;
 255     content.style.height = document.documentElement.clientHeight - content.offsetTop - bottomMargin;
 256   }
 257
 258   function resizeMap() {
 259     var centre = map.getCenter();
 260     var zoom = map.getZoom();
 261     var sidebar_width = $("sidebar").offsetWidth;
 262
 263     if (sidebar_width > 0) {
 264       sidebar_width = sidebar_width + 5
 265     }
 266
 267     $("map").style.left = (sidebar_width) + "px";
 268     $("map").style.width = ($("content").offsetWidth - sidebar_width) + "px";
 269     $("map").style.height = ($("content").offsetHeight - 2) + "px";
 270
 271     map.setCenter(centre, zoom);
 272   }
 273
 274   function handleResize() {
 275     if (brokenContentSize) {
 276       resizeContent();
 277     }
 278
 279     resizeMap();
 280   }
 281
 282   mapInit();
 283
 284   window.onload = handleResize;
 285   window.onresize = handleResize;
 286
 287   <% if params['action'] == 'export' %>
 288   <%= remote_function :url => { :controller => 'export', :action => 'start' } %>
 289   <% end %>
 290 // -->
 291 </script>