get new slippy map in rails
|
@ -7,43 +7,66 @@
|
|||
|
||||
<div id="map" style="WIDTH: 700px; HEIGHT: 500px;"></div>
|
||||
|
||||
<script src="lib/OpenLayers.js"></script>
|
||||
<% lon = params['lon'] || '-0.1' %>
|
||||
<% lat = params['lat'] || '51.5' %>
|
||||
<% zoom = params['zoom'] || '11' %>
|
||||
|
||||
<script type="text/javascript">
|
||||
var lon = <%= lon %>;
|
||||
var lat = <%= lat %>;
|
||||
var zoom = <%= zoom %>;
|
||||
var PI = 3.14159265358979323846;
|
||||
|
||||
<% if params['scale'] and params['scale'].length > 0 then %>
|
||||
zoom = Math.log(360.0/(( <% print params['scale'].to_f() %> ) * 512.0)) / Math.log(2.0);
|
||||
<% end %>
|
||||
zoom = zoom -3;
|
||||
lon = lon * 20037508.34 / 180;
|
||||
lat = Math.log(Math.tan( (90 + lat) * PI / 360)) / (PI / 180);
|
||||
lat = lat * 20037508.34 / 180;
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" src="/javascripts/OpenLayers.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
var map, layer;
|
||||
|
||||
|
||||
function init(){
|
||||
var map = new OpenLayers.Map('map');
|
||||
|
||||
var osm_wms = new OpenLayers.Layer.WMS( "OpenStreetMap Streets",
|
||||
"http://tile.openstreetmap.org/cgi-bin/mapserv?map=/usr/lib/cgi-bin/steve/osm.map",
|
||||
{layers: "default_segment,segments,class_segment",
|
||||
transparent: "true", format: "image/png" });
|
||||
|
||||
// FIXME this should be landsat.openstreetmap.org
|
||||
|
||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||
"http://wms.jpl.nasa.gov/wms.cgi",
|
||||
{layers: "modis,global_mosaic"});
|
||||
|
||||
|
||||
map.addLayers([jpl_wms, osm_wms]);
|
||||
map.zoomToFullExtent();
|
||||
OpenLayers.Util.onImageLoadError = function() {
|
||||
this.src = "http://www.openstreetmap.org/javascript/img/404.png";
|
||||
}
|
||||
map = new OpenLayers.Map( "map",
|
||||
{maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34), maxResolution:156543, units:'meters', projection: "EPSG:41001"} );
|
||||
layer = new OpenLayers.Layer.LikeGoogle( "OSM", "http://artem.dev.openstreetmap.org/osm_tiles/", {type:'png'} );
|
||||
map.addLayer(layer);
|
||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
||||
|
||||
map.events.register("moveend", map, function() {
|
||||
var lonlat = map.getCenter();
|
||||
|
||||
var lon_deg = (lonlat.lon / 20037508.34) * 180;
|
||||
var lat_deg = (lonlat.lat / 20037508.34) * 180;
|
||||
var PI = 3.14159265358979323846;
|
||||
lat_deg = 180/PI * (2 * Math.atan(Math.exp(lat_deg * PI / 180)) - PI / 2);
|
||||
var zoom = map.getZoom() + 3;
|
||||
updatelinks(lon_deg,lat_deg,zoom);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
// -->
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
<div id="drag" style="WIDTH: 700px; HEIGHT: 500px;">
|
||||
<div id='controls'>
|
||||
<a id="zoomout" class="mapcontrol"><img src="/images/map_zoomout.png" alt="zoom out"></a>
|
||||
<a id="zoomin" class="mapcontrol"> <img src="/images/map_zoomin.png" alt="zoom in"> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="debuginfo"></div>
|
||||
-->
|
||||
<% unless @user %>
|
||||
<div id="gads">
|
||||
<script type="text/javascript"><!--
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
# ENV['RAILS_ENV'] ||= 'production'
|
||||
|
||||
# Specifies gem version of Rails to use when vendor/rails is not present
|
||||
RAILS_GEM_VERSION = '1.1.4'
|
||||
RAILS_GEM_VERSION = '1.1.6'
|
||||
|
||||
# Bootstrap the Rails environment, frameworks, and default configuration
|
||||
require File.join(File.dirname(__FILE__), 'boot')
|
||||
|
|
|
@ -8,7 +8,7 @@ alter table current_segments modify tags text not null;
|
|||
alter table current_segments modify id bigint(64) not null auto_increment;
|
||||
alter table segments modify tags text not null;
|
||||
|
||||
drop table meta_ways
|
||||
drop table meta_ways;
|
||||
alter table current_ways drop index current_ways_id_visible_idx;
|
||||
alter table current_ways modify id bigint(64) not null auto_increment, add primary key(id);
|
||||
|
||||
|
|
541
public/javascripts/OpenLayers.js
Normal file
BIN
public/javascripts/img/404.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
public/javascripts/img/drag-rectangle-off.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
public/javascripts/img/drag-rectangle-on.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
public/javascripts/img/east-mini.png
Normal file
After Width: | Height: | Size: 451 B |
BIN
public/javascripts/img/layer-switcher-maximize.png
Normal file
After Width: | Height: | Size: 451 B |
BIN
public/javascripts/img/layer-switcher-minimize.png
Normal file
After Width: | Height: | Size: 249 B |
BIN
public/javascripts/img/marker.png
Normal file
After Width: | Height: | Size: 606 B |
BIN
public/javascripts/img/measuring-stick-off.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
public/javascripts/img/measuring-stick-on.png
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
public/javascripts/img/north-mini.png
Normal file
After Width: | Height: | Size: 484 B |
BIN
public/javascripts/img/panning-hand-off.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
public/javascripts/img/panning-hand-on.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
public/javascripts/img/slider.png
Normal file
After Width: | Height: | Size: 285 B |
BIN
public/javascripts/img/south-mini.png
Normal file
After Width: | Height: | Size: 481 B |
BIN
public/javascripts/img/west-mini.png
Normal file
After Width: | Height: | Size: 453 B |
BIN
public/javascripts/img/zoom-minus-mini.png
Normal file
After Width: | Height: | Size: 359 B |
BIN
public/javascripts/img/zoom-plus-mini.png
Normal file
After Width: | Height: | Size: 489 B |
BIN
public/javascripts/img/zoom-world-mini.png
Normal file
After Width: | Height: | Size: 1 KiB |
BIN
public/javascripts/img/zoombar.png
Normal file
After Width: | Height: | Size: 463 B |