add support for HTML export to export tabk

This commit is contained in:
Christopher Schmidt 2008-04-29 13:57:26 +00:00
parent 2d9282d864
commit 5ff86db265
2 changed files with 36 additions and 3 deletions

View file

@ -56,9 +56,18 @@
</div>
<div id="export_html">
<p class="export_heading">Options</p>
<p>
<%= check_box_tag("html_marker", "true") %> Include Marker on Map
</p>
<p class="export_heading">Output</p>
<div class="export_details">
<textarea id="export_html_text"></textarea>
<p>
<input type="text" id="export_html_text" style="width:95%" />
</p>
<p>
Paste HTML to embed in website
</p>
</div>
</div>

View file

@ -109,6 +109,7 @@ page << <<EOJ
$("maxlat").value = Math.round(bounds.top * decimals) / decimals;
mapnikSizeChanged();
htmlBoundsChanged(bounds);
}
function clearBox() {
@ -159,7 +160,23 @@ page << <<EOJ
}
}
function htmlBoundsChanged() {
var bounds = new OpenLayers.Bounds($("minlon").value, $("minlat").value, $("maxlon").value, $("maxlat").value);
var projBounds = bounds.clone().transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));
var zoom = map.getZoomForExtent(projBounds);
var center = bounds.getCenterLonLat();
var marker = $("html_marker").checked;
var url = 'http://crschmidt2.dev.openstreetmap.org/export/embed.html?lat='+center.lat+'&lon='+center.lon+'&zoom='+zoom;
if (marker) {
url += "&marker=true";
}
var html = '<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+url+'"></iframe>';
$("export_html_text").value = html;
}
$("html_marker").onclick = htmlBoundsChanged;
function formatChanged() {
$("export_commit").style.display = "inline";
if ($("format_osm").checked) {
$("export_osm").style.display = "inline";
} else {
@ -181,13 +198,20 @@ page << <<EOJ
} else {
$("export_osmarender").style.display = "none";
}
if ($("format_html").checked) {
$("export_html").style.display = "inline";
$("export_commit").style.display = "none";
} else {
$("export_html").style.display = "none";
}
validateControls();
}
$("format_osm").onclick = formatChanged;
$("format_mapnik").onclick = formatChanged;
$("format_osmarender").onclick = formatChanged;
$("format_html").onclick = formatChanged;
function maxMapnikScale() {
var bounds = new OpenLayers.Bounds($("minlon").value, $("minlat").value, $("maxlon").value, $("maxlat").value);