X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/85d8a2d17702b73620cbc3b907fd84fdf6ec1545..1c7998009ffb63c8fded77a3b98b72e42a96f3f3:/app/views/site/index.rhtml diff --git a/app/views/site/index.rhtml b/app/views/site/index.rhtml index 344c43273..875a28340 100644 --- a/app/views/site/index.rhtml +++ b/app/views/site/index.rhtml @@ -1,101 +1,238 @@ -
-
- - -
+<% content_for :greeting do %> +<% if @user and !@user.home_lon.nil? and !@user.home_lat.nil? %> +<%= link_to_function 'home', "setPosition(#{@user.home_lat}, #{@user.home_lon}, 10)" %> | +<% end %> +<% end %> + +<%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %> +<%= render :partial => 'key' %> +<%= render :partial => 'search' %> + +
+ +
+ +
+ + + + + + + +
http://creativecommons.org/licenses/by-sa/2.0/http://openstreetmap.org/
+Licensed under the Creative Commons Attribution-Share Alike 2.0 license +by the OpenStreetMap project and it's contributors. +
-
+<% if params['mlon'] and params['mlat'] %> +<% marker = true %> +<% mlon = h(params['mlon']) %> +<% mlat = h(params['mlat']) %> +<% end %> + +<% if params['minlon'] and params['minlat'] and params['maxlon'] and params['maxlat'] %> +<% bbox = true %> +<% minlon = h(params['minlon']) %> +<% minlat = h(params['minlat']) %> +<% maxlon = h(params['maxlon']) %> +<% maxlat = h(params['maxlat']) %> +<% end %> + +<% if params['lon'] and params['lat'] %> +<% lon = h(params['lon']) %> +<% lat = h(params['lat']) %> +<% zoom = h(params['zoom'] || '5') %> +<% layers = h(params['layers']) %> +<% elsif params['mlon'] and params['mlat'] %> +<% lon = h(params['mlon']) %> +<% lat = h(params['mlat']) %> +<% zoom = h(params['zoom'] || '12') %> +<% layers = h(params['layers']) %> +<% elsif cookies.key?("location") %> +<% lon,lat,zoom,layers = cookies["location"].split(",") %> +<% elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil? %> +<% lon = @user.home_lon %> +<% lat = @user.home_lat %> +<% zoom = '10' %> +<% else %> +<% session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location] %> +<% if session[:location] %> +<% bbox = true %> +<% minlon = session[:location][:minlon] %> +<% minlat = session[:location][:minlat] %> +<% maxlon = session[:location][:maxlon] %> +<% maxlat = session[:location][:maxlat] %> +<% else %> +<% lon = '-0.1' %> +<% lat = '51.5' %> +<% zoom = h(params['zoom'] || '5') %> +<% layers = h(params['layers']) %> +<% end %> +<% end %> + +<%= javascript_include_tag '/openlayers/OpenLayers.js' %> +<%= javascript_include_tag '/openlayers/OpenStreetMap.js' %> +<%= javascript_include_tag 'map.js' %> -<% lon = params['lon'] || '-0.1' %> -<% lat = params['lat'] || '51.5' %> -<% zoom = params['zoom'] || '11' %> - - - - - - - <% unless @user %> -
- We're trialing adverts to support the project. Login and they go away. -
- <% end %> - + var brokenContentSize = $("content").offsetWidth == 0; + var marker; + var map; + + function init(){ + map = createMap("map"); + + <% if bbox %> + var min = lonLatToMercator(new OpenLayers.LonLat(<%= minlon %>, <%= minlat %>)); + var max = lonLatToMercator(new OpenLayers.LonLat(<%= maxlon %>, <%= maxlat %>)); + var bbox = new OpenLayers.Bounds(min.lon, min.lat, max.lon, max.lat); + + map.zoomToExtent(bbox); + <% else %> + var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>)); + var zoom = <%= zoom %>; + + <% if params['scale'] and params['scale'].length > 0 then %> + zoom = scaleToZoom(<%= params['scale'].to_f() %>); + <% end %> + + map.setCenter(centre, zoom); + <% end %> + + <% if layers %> + setMapLayers("<%= layers %>"); + <% end %> + + <% if marker %> + marker = addMarkerToMap(lonLatToMercator(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>))); + <% end %> + + map.events.register("zoomend", map, updateKey); + + map.events.register("moveend", map, updateLocation); + map.events.register("changelayer", map, updateLocation); + map.events.register("click", map, mapClick); + updateLocation(); + + handleResize(); + } + + // Map click results in feature lookup + function mapClick(e) { + var pos = lonLatToNonSphericalMercator + (mercatorToLonLat + (map.getLonLatFromViewPortPx + ( map.events.getMousePosition(e)))); + + // put in the freemap url for the moment. this will be replaced + // by a ruby equivalent. + /* + url= 'http://www.free-map.org.uk/freemap/common/osmlookup.php?'+ + 'action=get&x='+pos.lon+'&y='+pos.lat; + + OpenLayers.loadURL(url,/null, null,osmLookupCallback); + */ + } + + // the feature lookup finds the nearest POI node, or, if no node could + // be found, the nearest way + /* + function osmLookupCallback (xmlHTTP) { + var nodes = xmlHTTP.responseXML.getElementsByTagName('node'); + var ways = xmlHTTP.responseXML.getElementsByTagName('way'); + var features = (ways.length==1) ? ways:nodes; + + if(features.length==1) { + var osm_id = features[0].getElementsByTagName('osm_id')[0]. + firstChild.nodeValue; + var name = + (xmlHTTP.responseXML.getElementsByTagName('name').length>0) ? + xmlHTTP.responseXML.getElementsByTagName('name')[0]. + firstChild.nodeValue: ""; + + + if(this.osm_type=='way' && ways.length==1) { + // use openlayers vector layer to highlight way for editing? + } + + var description=""; + var wikipedia=""; + var ad=false; + + if(xmlHTTP.responseXML.getElementsByTagName('description').length){ + osmdesc= + xmlHTTP.responseXML.getElementsByTagName('description')[0]. + firstChild.nodeValue; + + description += "

"+osmdesc+"

"; + } + } + } + */ + + function getPosition() { + return mercatorToLonLat(map.getCenter()); + } + + function setPosition(lat, lon, zoom) { + var centre = lonLatToMercator(new OpenLayers.LonLat(lon, lat)); + + map.setCenter(centre, zoom); + + if (marker) + removeMarkerFromMap(marker); + + marker = addMarkerToMap(centre, getArrowIcon()); + } + + function updateLocation() { + var lonlat = mercatorToLonLat(map.getCenter()); + var zoom = map.getZoom(); + var layers = getMapLayers(); + + updatelinks(lonlat.lon, lonlat.lat, zoom, layers); + + document.cookie = "location=" + lonlat.lon + "," + lonlat.lat + "," + zoom + "," + layers; + } + + function resizeContent() { + var content = $("content"); + var rightMargin = parseInt(getStyle(content, "right")); + var bottomMargin = parseInt(getStyle(content, "bottom")); + + content.style.width = document.documentElement.clientWidth - content.offsetLeft - rightMargin; + content.style.height = document.documentElement.clientHeight - content.offsetTop - bottomMargin; + } + + function resizeMap() { + var centre = map.getCenter(); + var zoom = map.getZoom(); + var sidebar_width = $("sidebar").offsetWidth; + + if (sidebar_width > 0) { + sidebar_width = sidebar_width + 5 + } + + $("map").style.left = (sidebar_width) + "px"; + $("map").style.width = ($("content").offsetWidth - sidebar_width) + "px"; + $("map").style.height = ($("content").offsetHeight - 2) + "px"; + + map.setCenter(centre, zoom); + } + + function handleResize() { + if (brokenContentSize) { + resizeContent(); + } + + resizeMap(); + } + + window.onresize = handleResize; + window.onload = init; +// --> +