6971e5faa468e43a15ba5c948847b6b59ff095eb
[rails.git] / app / views / site / index.rhtml
1
2
3 <div id="geocoder">
4   <%= start_form_tag :controller => 'way_tag', :action => 'search' %>
5   <%= text_field 'query', 'query'%>
6   <%= submit_tag 'Search' %>
7   <%= end_form_tag %>
8 </div>
9
10
11
12 <% lon =  params['lon'] || '-0.1' %>
13 <% lat =  params['lat'] || '51.5' %>
14 <% zoom =  params['zoom'] || '4' %>
15
16 <script type="text/javascript">
17   var lon = <%= lon %>;
18   var lat = <%= lat %>;
19   var zoom = <%= zoom %>;
20   var PI = 3.14159265358979323846;
21
22   <% if params['scale'] and params['scale'].length > 0 then %>
23   zoom = Math.log(360.0/(( <% print params['scale'].to_f() %> ) * 512.0)) / Math.log(2.0);
24   <% end %>
25   zoom = zoom;
26   lon = lon * 20037508.34 / 180;
27   lat = Math.log(Math.tan( (90 + lat) * PI / 360)) / (PI / 180);
28   lat = lat * 20037508.34 / 180;
29
30 </script>
31 <script type="text/javascript" src="/javascripts/OpenLayers.js"></script>
32
33 <script type="text/javascript">
34   <!--
35   var map, layer;
36
37
38   function init(){
39
40     OpenLayers.Util.onImageLoadError = function() {
41       this.src = "http://<%= SERVER_URL %>/javascript/img/404.png";
42     }
43     map = new OpenLayers.Map( "map", 
44         {maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34), maxZoomLevel:18, maxResolution:156543, units:'meters', projection: "EPSG:41001"} );
45     layer = new OpenLayers.Layer.LikeGoogle( "Mapnik", "http://tile.openstreetmap.org/", {type:'png'} );
46     map.addLayer(layer);
47     layer = new OpenLayers.Layer.LikeGoogle( "Osmarender", "http://dev.openstreetmap.org/~ojw/Tiles/tile.php/", {type:'png'} );
48     map.addLayer(layer);
49
50     map.addControl(new OpenLayers.Control.LayerSwitcher());
51     map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
52
53     map.events.register("moveend", map, function() { 
54         var lonlat = map.getCenter();
55
56         var lon_deg = (lonlat.lon / 20037508.34) * 180;
57         var lat_deg = (lonlat.lat / 20037508.34) * 180;
58         var PI = 3.14159265358979323846;
59         lat_deg = 180/PI * (2 * Math.atan(Math.exp(lat_deg * PI / 180)) - PI / 2);
60         var zoom = map.getZoom();
61         updatelinks(lon_deg,lat_deg,zoom);
62         });
63   }        
64
65 init();
66 // -->
67 </script>