1 <% form_tag :action => 'next' do %>
3 <p class="export_heading">Area to Export</p>
5 <div class="export_bounds">
6 <%= text_field('export', 'maxlat', { :size => 10, :class => "export_bound" }) %>
8 <%= text_field('export', 'minlon', { :size => 10, :class => "export_bound" }) %>
9 <%= text_field('export', 'maxlon', { :size => 10, :class => "export_bound" }) %>
11 <%= text_field('export', 'minlat', { :size => 10, :class => "export_bound" }) %>
14 <p class="export_heading">Format to Export</p>
16 <div class="export_details">
17 <%= radio_button('export', 'format', 'osm' ) %>OpenStreetMap XML Data
19 <%= radio_button('export', 'format', 'png' ) %>PNG Image
21 <%= radio_button('export', 'format', 'pdf' ) %>PDF Document
23 <%= radio_button('export', 'format', 'svg' ) %>SVG Document
27 <p class="export_heading">Licence</p>
29 <div class="export_details">
30 <p>OSM license agreement blah blah blah...</p>
34 <div id="export_mapnik">
35 <p class="export_heading">Options</p>
37 <div class="export_details">
38 <p>Scale 1 : <%= text_field('export', 'mapnik_scale', { :size => 10 }) %></p>
44 <script type="text/javascript">
46 function startExport() {
47 var vectors = new OpenLayers.Layer.Vector("Vector Layer", {
48 displayInLayerSwitcher: false,
50 map.addLayer(vectors);
52 var box = new OpenLayers.Control.DrawFeature(vectors, OpenLayers.Handler.RegularPolygon, {
54 keyMask: OpenLayers.Handler.MOD_CTRL,
59 callbacks: { done: boxComplete }
66 map.events.register("moveend", map, mapMoved);
67 updateRegion(map.getExtent());
70 function formatChanged() {
71 if ($("export_format_osm").checked) {
72 $("export_osm").style.display = "inline";
74 $("export_osm").style.display = "none";
77 if ($("export_format_png").checked ||
78 $("export_format_pdf").checked ||
79 $("export_format_svg").checked) {
80 $("export_mapnik").style.display = "inline";
82 $("export_mapnik").style.display = "none";
86 $("export_format_osm").onclick = function() { formatChanged() };
87 $("export_format_png").onclick = function() { formatChanged() };
88 $("export_format_pdf").onclick = function() { formatChanged() };
89 $("export_format_svg").onclick = function() { formatChanged() };
92 updateRegion(map.getExtent());
95 function boxComplete(box) {
96 map.events.unregister("moveend", map, mapMoved);
97 updateRegion(box.getBounds());
100 function updateRegion(bounds) {
101 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
102 var decimals = Math.pow(10, Math.floor(map.getZoom() / 3));
104 bounds.transform(map.getProjectionObject(), epsg4326);
106 $("export_maxlat").value = Math.round(bounds.top * decimals) / decimals;
107 $("export_minlon").value = Math.round(bounds.left * decimals) / decimals;
108 $("export_maxlon").value = Math.round(bounds.right * decimals) / decimals;
109 $("export_minlat").value = Math.round(bounds.bottom * decimals) / decimals;
111 if (bounds.getWidth() * bounds.getHeight() > 0.25) {
112 $("export_format_osm").disabled = true;
113 $("export_format_osm").checked = false;
117 $("export_format_osm").disabled = false;