add support for HTML export to export tabk
This commit is contained in:
parent
2d9282d864
commit
5ff86db265
2 changed files with 36 additions and 3 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue