Change the feature commited in [16174] to use the main map view
instead of being located at /map.
This commit is contained in:
parent
8bc8e537b2
commit
34b147266c
12 changed files with 84 additions and 198 deletions
|
@ -1,119 +0,0 @@
|
|||
<%
|
||||
# Decide on a lat lon to initialise the map with
|
||||
if params['lon'] and params['lat']
|
||||
lon = h(params['lon'])
|
||||
lat = h(params['lat'])
|
||||
zoom = h(params['zoom'] || '5')
|
||||
layers = h(params['layers'])
|
||||
end
|
||||
%>
|
||||
<%= javascript_include_tag '/openlayers/OpenLayers.js' %>
|
||||
<%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
|
||||
<%= javascript_include_tag 'map.js' %>
|
||||
<td align="right">
|
||||
<% if big_map.instance_of? Changeset or big_map.visible %>
|
||||
<div id="big_map" style="right: 0; left: 0; bottom: 0; top: 0; position: absolute; border: solid 1px black">
|
||||
<div id="permalink">
|
||||
<a href="<%= url_for :controller => 'browse', :action => (big_map.class.to_s.downcase + '_map'), :id => big_map.id, :only_path => true %>" id="permalinkanchor"><%= t 'site.index.permalink' %></a><br/>
|
||||
</div>
|
||||
</div>
|
||||
<% else %>
|
||||
<%= t 'browse.map.deleted' %>
|
||||
<% end %>
|
||||
</td>
|
||||
<% if big_map.instance_of? Changeset or big_map.visible %>
|
||||
<script type="text/javascript">
|
||||
var big_map;
|
||||
|
||||
OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
|
||||
|
||||
/* A version of index.html.erb->updateLocation that doesn't set a cookie */
|
||||
function updateBigmapLocation() {
|
||||
var lonlat = getMapCenter();
|
||||
var zoom = big_map.getZoom();
|
||||
var layers = getMapLayers();
|
||||
var extents = getMapExtent();
|
||||
var expiry = new Date();
|
||||
|
||||
updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top);
|
||||
}
|
||||
|
||||
function init() {
|
||||
big_map = createMap("big_map", {
|
||||
controls: [
|
||||
new OpenLayers.Control.ArgParser(),
|
||||
new OpenLayers.Control.Attribution(),
|
||||
new OpenLayers.Control.LayerSwitcher(),
|
||||
new OpenLayers.Control.Navigation(),
|
||||
new OpenLayers.Control.PanZoomBar(),
|
||||
new OpenLayers.Control.ScaleLine()
|
||||
]
|
||||
});
|
||||
|
||||
<% if big_map.instance_of? Changeset %>
|
||||
var minlon = <%= big_map.min_lon / GeoRecord::SCALE.to_f %>;
|
||||
var minlat = <%= big_map.min_lat / GeoRecord::SCALE.to_f %>;
|
||||
var maxlon = <%= big_map.max_lon / GeoRecord::SCALE.to_f %>;
|
||||
var maxlat = <%= big_map.max_lat / GeoRecord::SCALE.to_f %>;
|
||||
var bbox = new OpenLayers.Bounds(minlon, minlat, maxlon, maxlat);
|
||||
|
||||
<% if lat and lon and zoom %>
|
||||
var center = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
|
||||
var zoom = <%= zoom %>;
|
||||
<% else %>
|
||||
setMapExtent(bbox);
|
||||
<% end %>
|
||||
addBoxToMap(bbox);
|
||||
|
||||
<% if !layers.nil? and !layers.empty? %>
|
||||
setMapLayers("<%= layers %>");
|
||||
<% end %>
|
||||
|
||||
<% else %>
|
||||
var obj_type = "<%= big_map.class.name.downcase %>";
|
||||
var obj_id = <%= big_map.id %>;
|
||||
var url = "/api/<%= "#{API_VERSION}" %>/<%= big_map.class.name.downcase %>/<%= big_map.id %>";
|
||||
|
||||
if (obj_type != "node") {
|
||||
url += "/full";
|
||||
}
|
||||
|
||||
var osm_layer = new OpenLayers.Layer.GML("OSM", url, {
|
||||
format: OpenLayers.Format.OSM,
|
||||
projection: new OpenLayers.Projection("EPSG:4326")
|
||||
});
|
||||
|
||||
osm_layer.events.register("loadend", osm_layer, function() {
|
||||
var extent = this.features[0].geometry.getBounds();
|
||||
|
||||
for (var i = 1; i < this.features.length; i++) {
|
||||
extent.extend(this.features[i].geometry.getBounds());
|
||||
}
|
||||
|
||||
<% if lat and lon and zoom %>
|
||||
var center = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
|
||||
var zoom = <%= zoom %>;
|
||||
<% else %>
|
||||
if (extent) {
|
||||
this.map.zoomToExtent(extent);
|
||||
} else {
|
||||
this.map.zoomToMaxExtent();
|
||||
}
|
||||
<% end %>
|
||||
|
||||
var center = getMapCenter();
|
||||
});
|
||||
|
||||
big_map.addLayer(osm_layer);
|
||||
|
||||
osm_layer.loadGML();
|
||||
osm_layer.loaded = true;
|
||||
<% end %>
|
||||
big_map.events.register("moveend", big_map, updateBigmapLocation);
|
||||
big_map.events.register("changelayer", big_map, updateBigmapLocation);
|
||||
updateBigmapLocation();
|
||||
}
|
||||
|
||||
window.onload = init;
|
||||
</script>
|
||||
<% end %>
|
|
@ -6,9 +6,11 @@
|
|||
<div id="small_map" style="width:250px; height: 300px; border: solid 1px black">
|
||||
</div>
|
||||
<span id="loading"><%= t 'browse.map.loading' %></span>
|
||||
<a id="larger_map" href=""></a>
|
||||
<a id="area_larger_map" href=""></a>
|
||||
<% unless map.instance_of? Changeset %>
|
||||
<br />
|
||||
<a id="main_map" href=""></a>
|
||||
<a id="object_larger_map" href=""></a>
|
||||
<% end %>
|
||||
<% else %>
|
||||
<%= t 'browse.map.deleted' %>
|
||||
<% end %>
|
||||
|
@ -34,11 +36,8 @@
|
|||
|
||||
$("loading").innerHTML = "";
|
||||
|
||||
$("larger_map").href = '<%= url_for :controller => 'browse', :action => (map.class.to_s.downcase + '_map'), :id => map.id, :only_path => true %>';
|
||||
$("larger_map").innerHTML = "<%= t 'browse.map.view_larger_map' %>";
|
||||
|
||||
$("main_map").href = '/?minlon='+minlon+'&minlat='+minlat+'&maxlon='+maxlon+'&maxlat='+maxlat+'&box=yes';
|
||||
$("main_map").innerHTML = "<%= t 'browse.map.view_main_map' %>";
|
||||
$("area_larger_map").href = '/?minlon='+minlon+'&minlat='+minlat+'&maxlon='+maxlon+'&maxlat='+maxlat+'&box=yes';
|
||||
$("area_larger_map").innerHTML = "<%= t 'browse.map.larger.area' %>";
|
||||
<% else %>
|
||||
var obj_type = "<%= map.class.name.downcase %>";
|
||||
var obj_id = <%= map.id %>;
|
||||
|
@ -70,12 +69,12 @@
|
|||
}
|
||||
|
||||
var center = getMapCenter();
|
||||
|
||||
$("larger_map").href = '<%= url_for :controller => 'browse', :action => (map.class.to_s.downcase + '_map'), :id => map.id, :only_path => true %>';
|
||||
$("larger_map").innerHTML = "<%= t 'browse.map.view_larger_map' %>";
|
||||
|
||||
$("main_map").href = '/?lat='+center.lat+'&lon='+center.lon+'&zoom='+this.map.getZoom();
|
||||
$("main_map").innerHTML = "<%= t 'browse.map.view_main_map' %>";
|
||||
$("area_larger_map").href = '/?lat='+center.lat+'&lon='+center.lon+'&zoom='+this.map.getZoom();
|
||||
$("area_larger_map").innerHTML = "<%= t 'browse.map.larger.area' %>";
|
||||
<% unless map.instance_of? Changeset %>
|
||||
$("object_larger_map").href = '/?<%= map.class.to_s.downcase %>=<%= map.id %>';
|
||||
$("object_larger_map").innerHTML = "<%= t('browse.map.larger.' + map.class.to_s.downcase) %>";
|
||||
<% end %>
|
||||
} else {
|
||||
$("small_map").style.display = "none";
|
||||
}
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
<%
|
||||
@name = printable_name @changeset
|
||||
@title = t('browse.changeset.map_title', :name => @name)
|
||||
%>
|
||||
<%= render :partial => "big_map", :object => @changeset %>
|
|
@ -1,5 +0,0 @@
|
|||
<%
|
||||
@name = printable_name @node
|
||||
@title = t('browse.node.map_title', :name => @name)
|
||||
%>
|
||||
<%= render :partial => "big_map", :object => @node %>
|
|
@ -1,5 +0,0 @@
|
|||
<%
|
||||
@name = printable_name @relation
|
||||
@title = t('browse.relation.map_title', :name => @name)
|
||||
%>
|
||||
<%= render :partial => "big_map", :object => @relation %>
|
|
@ -1,5 +0,0 @@
|
|||
<%
|
||||
@name = printable_name @way
|
||||
@title = t('browse.way.map_title', :name => @name)
|
||||
%>
|
||||
<%= render :partial => "big_map", :object => @way %>
|
|
@ -55,8 +55,26 @@ if params['minlon'] and params['minlat'] and params['maxlon'] and params['maxlat
|
|||
box = true if params['box']=="yes"
|
||||
end
|
||||
|
||||
if params['node'] or params['way'] or params['relation']
|
||||
object = true
|
||||
if params['node']
|
||||
object_type = 'node'
|
||||
object_id = h(params['node'])
|
||||
elsif params['way']
|
||||
object_type = 'way'
|
||||
object_id = h(params['way'])
|
||||
elsif params['relation']
|
||||
object_type = 'relation'
|
||||
object_id = h(params['relation'])
|
||||
end
|
||||
end
|
||||
|
||||
# Decide on a lat lon to initialise the map with. Various ways of doing this
|
||||
if params['lon'] and params['lat']
|
||||
if params['lon'] and params['lat']
|
||||
# We only want to override the default 'object = true' zoom above
|
||||
# if we get actual GET params, as opposed to say a cookie
|
||||
lat_lon_zoom_via_params = true
|
||||
|
||||
lon = h(params['lon'])
|
||||
lat = h(params['lat'])
|
||||
zoom = h(params['zoom'] || '5')
|
||||
|
@ -103,6 +121,8 @@ end
|
|||
var brokenContentSize = $("content").offsetWidth == 0;
|
||||
var marker;
|
||||
var map;
|
||||
var obj_type = false;
|
||||
var obj_id = false;
|
||||
|
||||
OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
|
||||
|
||||
|
@ -123,6 +143,47 @@ end
|
|||
// IE requires Vector layers be initialised on page load, and not under deferred script conditions
|
||||
Event.observe(window, 'load', function() {addBoxToMap(bbox)});
|
||||
<% end %>
|
||||
<% elsif object %>
|
||||
// Display node/way/relation on the map
|
||||
obj_type = "<%= object_type %>";
|
||||
obj_id = <%= object_id %>;
|
||||
var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
|
||||
|
||||
if (obj_type != "node") {
|
||||
url += "/full";
|
||||
}
|
||||
|
||||
var osm_layer = new OpenLayers.Layer.GML("OSM", url, {
|
||||
format: OpenLayers.Format.OSM,
|
||||
projection: new OpenLayers.Projection("EPSG:4326")
|
||||
});
|
||||
|
||||
osm_layer.events.register("loadend", osm_layer, function() {
|
||||
if (this.features.length) {
|
||||
var extent = this.features[0].geometry.getBounds();
|
||||
for (var i = 1; i < this.features.length; i++) {
|
||||
extent.extend(this.features[i].geometry.getBounds());
|
||||
}
|
||||
|
||||
<% unless lat_lon_zoom_via_params %>
|
||||
if (extent) {
|
||||
this.map.zoomToExtent(extent);
|
||||
} else {
|
||||
this.map.zoomToMaxExtent();
|
||||
}
|
||||
<% else %>
|
||||
var center = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
|
||||
var zoom = <%= zoom %>;
|
||||
<% end %>
|
||||
|
||||
var center = getMapCenter();
|
||||
}
|
||||
});
|
||||
|
||||
map.addLayer(osm_layer);
|
||||
osm_layer.loadGML();
|
||||
osm_layer.loaded = true;
|
||||
|
||||
<% else %>
|
||||
var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
|
||||
var zoom = <%= zoom %>;
|
||||
|
@ -179,7 +240,7 @@ end
|
|||
var extents = getMapExtent();
|
||||
var expiry = new Date();
|
||||
|
||||
updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top);
|
||||
updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, obj_type, obj_id);
|
||||
|
||||
expiry.setYear(expiry.getFullYear() + 10);
|
||||
document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue