Move export-related JS to export.js
This commit is contained in:
John Firebaugh
Tom Hughes
parent
012d5b69c6
commit
52daf1dbc4
2 changed files with 283 additions and 281 deletions
|
|
@ -108,17 +108,6 @@ $(document).ready(function () {
|
||||||
map.setCenter(centre, zoom);
|
map.setCenter(centre, zoom);
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#exportanchor").click(function (e) {
|
|
||||||
$.ajax({ url: $(this).data('url'), success: function (sidebarHtml) {
|
|
||||||
startExport(sidebarHtml);
|
|
||||||
}});
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
if (window.location.pathname == "/export") {
|
|
||||||
$("#exportanchor").click();
|
|
||||||
}
|
|
||||||
|
|
||||||
$("#search_form").submit(function () {
|
$("#search_form").submit(function () {
|
||||||
var extent = unproj(map.getExtent());
|
var extent = unproj(map.getExtent());
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,318 +1,331 @@
|
||||||
function startExport(sidebarHtml) {
|
$(document).ready(function () {
|
||||||
var vectors,
|
$("#exportanchor").click(function (e) {
|
||||||
box,
|
$.ajax({ url: $(this).data('url'), success: function (sidebarHtml) {
|
||||||
transform,
|
startExport(sidebarHtml);
|
||||||
markerLayer,
|
}});
|
||||||
markerControl,
|
e.preventDefault();
|
||||||
epsg4326 = new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
epsg900913 = new OpenLayers.Projection("EPSG:900913");
|
|
||||||
|
|
||||||
vectors = new OpenLayers.Layer.Vector("Vector Layer", {
|
|
||||||
displayInLayerSwitcher: false
|
|
||||||
});
|
|
||||||
map.addLayer(vectors);
|
|
||||||
|
|
||||||
box = new OpenLayers.Control.DrawFeature(vectors, OpenLayers.Handler.RegularPolygon, {
|
|
||||||
handlerOptions: {
|
|
||||||
sides: 4,
|
|
||||||
snapAngle: 90,
|
|
||||||
irregular: true,
|
|
||||||
persist: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
box.handler.callbacks.done = endDrag;
|
|
||||||
map.addControl(box);
|
|
||||||
|
|
||||||
transform = new OpenLayers.Control.TransformFeature(vectors, {
|
|
||||||
rotate: false,
|
|
||||||
irregular: true
|
|
||||||
});
|
|
||||||
transform.events.register("transformcomplete", transform, transformComplete);
|
|
||||||
map.addControl(transform);
|
|
||||||
|
|
||||||
map.events.register("moveend", map, mapMoved);
|
|
||||||
map.events.register("changebaselayer", map, htmlUrlChanged);
|
|
||||||
|
|
||||||
$("#sidebar_title").html(I18n.t('export.start_rjs.export'));
|
|
||||||
$("#sidebar_content").html(sidebarHtml);
|
|
||||||
|
|
||||||
$("#maxlat,#minlon,#maxlon,#minlat").change(boundsChanged);
|
|
||||||
|
|
||||||
$("#drag_box").click(startDrag);
|
|
||||||
|
|
||||||
$("#add_marker").click(startMarker);
|
|
||||||
|
|
||||||
$("#format_osm,#format_mapnik,#format_html").click(formatChanged);
|
|
||||||
|
|
||||||
$("#mapnik_scale").change(mapnikSizeChanged);
|
|
||||||
|
|
||||||
openSidebar();
|
|
||||||
|
|
||||||
if (map.baseLayer.name == "Mapnik") {
|
|
||||||
$("#format_mapnik").prop("checked", true);
|
|
||||||
}
|
|
||||||
|
|
||||||
formatChanged();
|
|
||||||
setBounds(map.getExtent());
|
|
||||||
|
|
||||||
$("body").removeClass("site-index").addClass("site-export");
|
|
||||||
|
|
||||||
$("#sidebar").one("closed", function () {
|
|
||||||
$("body").removeClass("site-export").addClass("site-index");
|
|
||||||
|
|
||||||
clearBox();
|
|
||||||
clearMarker();
|
|
||||||
map.events.unregister("moveend", map, mapMoved);
|
|
||||||
map.events.unregister("changebaselayer", map, htmlUrlChanged);
|
|
||||||
map.removeLayer(vectors);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function getMercatorBounds() {
|
if (window.location.pathname == "/export") {
|
||||||
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(),
|
$("#exportanchor").click();
|
||||||
$("#maxlon").val(), $("#maxlat").val());
|
|
||||||
|
|
||||||
return bounds.transform(epsg4326, epsg900913);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function boundsChanged() {
|
function startExport(sidebarHtml) {
|
||||||
var bounds = getMercatorBounds();
|
var vectors,
|
||||||
|
box,
|
||||||
|
transform,
|
||||||
|
markerLayer,
|
||||||
|
markerControl,
|
||||||
|
epsg4326 = new OpenLayers.Projection("EPSG:4326"),
|
||||||
|
epsg900913 = new OpenLayers.Projection("EPSG:900913");
|
||||||
|
|
||||||
map.events.unregister("moveend", map, mapMoved);
|
vectors = new OpenLayers.Layer.Vector("Vector Layer", {
|
||||||
map.zoomToExtent(bounds);
|
displayInLayerSwitcher: false
|
||||||
|
});
|
||||||
|
map.addLayer(vectors);
|
||||||
|
|
||||||
clearBox();
|
box = new OpenLayers.Control.DrawFeature(vectors, OpenLayers.Handler.RegularPolygon, {
|
||||||
drawBox(bounds);
|
handlerOptions: {
|
||||||
|
sides: 4,
|
||||||
|
snapAngle: 90,
|
||||||
|
irregular: true,
|
||||||
|
persist: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
box.handler.callbacks.done = endDrag;
|
||||||
|
map.addControl(box);
|
||||||
|
|
||||||
validateControls();
|
transform = new OpenLayers.Control.TransformFeature(vectors, {
|
||||||
mapnikSizeChanged();
|
rotate: false,
|
||||||
}
|
irregular: true
|
||||||
|
});
|
||||||
|
transform.events.register("transformcomplete", transform, transformComplete);
|
||||||
|
map.addControl(transform);
|
||||||
|
|
||||||
function startDrag() {
|
map.events.register("moveend", map, mapMoved);
|
||||||
$("#drag_box").html(I18n.t('export.start_rjs.drag_a_box'));
|
map.events.register("changebaselayer", map, htmlUrlChanged);
|
||||||
|
|
||||||
clearBox();
|
$("#sidebar_title").html(I18n.t('export.start_rjs.export'));
|
||||||
box.activate();
|
$("#sidebar_content").html(sidebarHtml);
|
||||||
};
|
|
||||||
|
|
||||||
function endDrag(bbox) {
|
$("#maxlat,#minlon,#maxlon,#minlat").change(boundsChanged);
|
||||||
var bounds = bbox.getBounds();
|
|
||||||
|
|
||||||
map.events.unregister("moveend", map, mapMoved);
|
$("#drag_box").click(startDrag);
|
||||||
setBounds(bounds);
|
|
||||||
drawBox(bounds);
|
|
||||||
box.deactivate();
|
|
||||||
validateControls();
|
|
||||||
|
|
||||||
$("#drag_box").html(I18n.t('export.start_rjs.manually_select'));
|
$("#add_marker").click(startMarker);
|
||||||
}
|
|
||||||
|
|
||||||
function transformComplete(event) {
|
$("#format_osm,#format_mapnik,#format_html").click(formatChanged);
|
||||||
setBounds(event.feature.geometry.bounds);
|
|
||||||
validateControls();
|
|
||||||
}
|
|
||||||
|
|
||||||
function startMarker() {
|
$("#mapnik_scale").change(mapnikSizeChanged);
|
||||||
$("#add_marker").html(I18n.t('export.start_rjs.click_add_marker'));
|
|
||||||
|
|
||||||
if (!markerLayer) {
|
openSidebar();
|
||||||
markerLayer = new OpenLayers.Layer.Vector("",{
|
|
||||||
displayInLayerSwitcher: false,
|
|
||||||
style: {
|
|
||||||
externalGraphic: OpenLayers.Util.getImageLocation("marker.png"),
|
|
||||||
graphicXOffset: -10.5,
|
|
||||||
graphicYOffset: -25,
|
|
||||||
graphicWidth: 21,
|
|
||||||
graphicHeight: 25
|
|
||||||
}
|
|
||||||
});
|
|
||||||
map.addLayer(markerLayer);
|
|
||||||
|
|
||||||
markerControl = new OpenLayers.Control.DrawFeature(markerLayer, OpenLayers.Handler.Point);
|
if (map.baseLayer.name == "Mapnik") {
|
||||||
map.addControl(markerControl);
|
$("#format_mapnik").prop("checked", true);
|
||||||
|
|
||||||
markerLayer.events.on({ "featureadded": endMarker });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
markerLayer.destroyFeatures();
|
formatChanged();
|
||||||
markerControl.activate();
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function endMarker(event) {
|
|
||||||
markerControl.deactivate();
|
|
||||||
|
|
||||||
$("#add_marker").html(I18n.t('export.start_rjs.change_marker'));
|
|
||||||
$("#marker_inputs").show();
|
|
||||||
|
|
||||||
var geom = event.feature.geometry.clone().transform(epsg900913, epsg4326);
|
|
||||||
|
|
||||||
$("#marker_lon").val(geom.x.toFixed(5));
|
|
||||||
$("#marker_lat").val(geom.y.toFixed(5));
|
|
||||||
|
|
||||||
htmlUrlChanged();
|
|
||||||
}
|
|
||||||
|
|
||||||
function clearMarker() {
|
|
||||||
$("#marker_lon,#marker_lat").val("");
|
|
||||||
$("#marker_inputs").hide();
|
|
||||||
$("#add_marker").html(I18n.t('export.start_rjs.add_marker'));
|
|
||||||
|
|
||||||
if (markerLayer) {
|
|
||||||
markerControl.destroy();
|
|
||||||
markerLayer.destroy();
|
|
||||||
markerLayer = null;
|
|
||||||
markerControl = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function mapMoved() {
|
|
||||||
setBounds(map.getExtent());
|
setBounds(map.getExtent());
|
||||||
validateControls();
|
|
||||||
}
|
|
||||||
|
|
||||||
function setBounds(bounds) {
|
$("body").removeClass("site-index").addClass("site-export");
|
||||||
var toPrecision = zoomPrecision(map.getZoom());
|
|
||||||
|
|
||||||
bounds = bounds.clone().transform(map.getProjectionObject(), epsg4326);
|
$("#sidebar").one("closed", function () {
|
||||||
|
$("body").removeClass("site-export").addClass("site-index");
|
||||||
|
|
||||||
$("#minlon").val(toPrecision(bounds.left));
|
clearBox();
|
||||||
$("#minlat").val(toPrecision(bounds.bottom));
|
clearMarker();
|
||||||
$("#maxlon").val(toPrecision(bounds.right));
|
map.events.unregister("moveend", map, mapMoved);
|
||||||
$("#maxlat").val(toPrecision(bounds.top));
|
map.events.unregister("changebaselayer", map, htmlUrlChanged);
|
||||||
|
map.removeLayer(vectors);
|
||||||
|
});
|
||||||
|
|
||||||
mapnikSizeChanged();
|
function getMercatorBounds() {
|
||||||
htmlUrlChanged();
|
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(),
|
||||||
}
|
$("#maxlon").val(), $("#maxlat").val());
|
||||||
|
|
||||||
function clearBox() {
|
return bounds.transform(epsg4326, epsg900913);
|
||||||
transform.deactivate();
|
|
||||||
vectors.destroyFeatures();
|
|
||||||
}
|
|
||||||
|
|
||||||
function drawBox(bounds) {
|
|
||||||
var feature = new OpenLayers.Feature.Vector(bounds.toGeometry());
|
|
||||||
|
|
||||||
vectors.addFeatures(feature);
|
|
||||||
transform.setFeature(feature);
|
|
||||||
}
|
|
||||||
|
|
||||||
function validateControls() {
|
|
||||||
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(), $("#maxlon").val(), $("#maxlat").val());
|
|
||||||
|
|
||||||
if (bounds.getWidth() * bounds.getHeight() > OSM.MAX_REQUEST_AREA) {
|
|
||||||
$("#export_osm_too_large").show();
|
|
||||||
} else {
|
|
||||||
$("#export_osm_too_large").hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var max_scale = maxMapnikScale();
|
function boundsChanged() {
|
||||||
var disabled = true;
|
var bounds = getMercatorBounds();
|
||||||
|
|
||||||
if ($("#format_osm").prop("checked")) {
|
map.events.unregister("moveend", map, mapMoved);
|
||||||
disabled = bounds.getWidth() * bounds.getHeight() > OSM.MAX_REQUEST_AREA;
|
map.zoomToExtent(bounds);
|
||||||
} else if ($("#format_mapnik").prop("checked")) {
|
|
||||||
disabled = $("#mapnik_scale").val() < max_scale;
|
clearBox();
|
||||||
|
drawBox(bounds);
|
||||||
|
|
||||||
|
validateControls();
|
||||||
|
mapnikSizeChanged();
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#export_commit").prop("disabled", disabled);
|
function startDrag() {
|
||||||
$("#mapnik_max_scale").html(roundScale(max_scale));
|
$("#drag_box").html(I18n.t('export.start_rjs.drag_a_box'));
|
||||||
}
|
|
||||||
|
|
||||||
function htmlUrlChanged() {
|
clearBox();
|
||||||
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(), $("#maxlon").val(), $("#maxlat").val());
|
box.activate();
|
||||||
var layerName = map.baseLayer.keyid;
|
};
|
||||||
var url = "http://" + OSM.SERVER_URL + "/export/embed.html?bbox=" + bounds.toBBOX() + "&layer=" + layerName;
|
|
||||||
var markerUrl = "";
|
|
||||||
|
|
||||||
if ($("#marker_lat").val() && $("#marker_lon").val()) {
|
function endDrag(bbox) {
|
||||||
markerUrl = "&mlat=" + $("#marker_lat").val() + "&mlon=" + $("#marker_lon").val();
|
var bounds = bbox.getBounds();
|
||||||
url += "&marker=" + $("#marker_lat").val() + "," + $("#marker_lon").val();
|
|
||||||
|
map.events.unregister("moveend", map, mapMoved);
|
||||||
|
setBounds(bounds);
|
||||||
|
drawBox(bounds);
|
||||||
|
box.deactivate();
|
||||||
|
validateControls();
|
||||||
|
|
||||||
|
$("#drag_box").html(I18n.t('export.start_rjs.manually_select'));
|
||||||
}
|
}
|
||||||
|
|
||||||
var html = '<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+url+'" style="border: 1px solid black"></iframe>';
|
function transformComplete(event) {
|
||||||
|
setBounds(event.feature.geometry.bounds);
|
||||||
// Create "larger map" link
|
validateControls();
|
||||||
var center = bounds.getCenterLonLat();
|
|
||||||
|
|
||||||
bounds.transform(epsg4326, epsg900913);
|
|
||||||
var zoom = map.getZoomForExtent(bounds);
|
|
||||||
|
|
||||||
var layers = getMapLayers();
|
|
||||||
|
|
||||||
var text = I18n.t('export.start_rjs.view_larger_map');
|
|
||||||
var escaped = [];
|
|
||||||
|
|
||||||
for (var i = 0; i < text.length; ++i) {
|
|
||||||
var c = text.charCodeAt(i);
|
|
||||||
escaped.push(c < 127 ? text.charAt(i) : "&#" + c + ";");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '<br /><small><a href="http://' + OSM.SERVER_URL + '/?lat='+center.lat+'&lon='+center.lon+'&zoom='+zoom+'&layers='+layers+markerUrl+'">'+escaped.join("")+'</a></small>';
|
function startMarker() {
|
||||||
|
$("#add_marker").html(I18n.t('export.start_rjs.click_add_marker'));
|
||||||
|
|
||||||
$("#export_html_text").val(html);
|
if (!markerLayer) {
|
||||||
|
markerLayer = new OpenLayers.Layer.Vector("",{
|
||||||
|
displayInLayerSwitcher: false,
|
||||||
|
style: {
|
||||||
|
externalGraphic: OpenLayers.Util.getImageLocation("marker.png"),
|
||||||
|
graphicXOffset: -10.5,
|
||||||
|
graphicYOffset: -25,
|
||||||
|
graphicWidth: 21,
|
||||||
|
graphicHeight: 25
|
||||||
|
}
|
||||||
|
});
|
||||||
|
map.addLayer(markerLayer);
|
||||||
|
|
||||||
if ($("#format_html").prop("checked")) {
|
markerControl = new OpenLayers.Control.DrawFeature(markerLayer, OpenLayers.Handler.Point);
|
||||||
$("#export_html_text").prop("selected", true);
|
map.addControl(markerControl);
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatChanged() {
|
markerLayer.events.on({ "featureadded": endMarker });
|
||||||
$("#export_commit").show();
|
}
|
||||||
|
|
||||||
if ($("#format_osm").prop("checked")) {
|
markerLayer.destroyFeatures();
|
||||||
$("#export_osm").show();
|
markerControl.activate();
|
||||||
} else {
|
|
||||||
$("#export_osm").hide();
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($("#format_mapnik").prop("checked")) {
|
function endMarker(event) {
|
||||||
$("#mapnik_scale").val(roundScale(map.getScale()));
|
markerControl.deactivate();
|
||||||
$("#export_mapnik").show();
|
|
||||||
|
$("#add_marker").html(I18n.t('export.start_rjs.change_marker'));
|
||||||
|
$("#marker_inputs").show();
|
||||||
|
|
||||||
|
var geom = event.feature.geometry.clone().transform(epsg900913, epsg4326);
|
||||||
|
|
||||||
|
$("#marker_lon").val(geom.x.toFixed(5));
|
||||||
|
$("#marker_lat").val(geom.y.toFixed(5));
|
||||||
|
|
||||||
|
htmlUrlChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearMarker() {
|
||||||
|
$("#marker_lon,#marker_lat").val("");
|
||||||
|
$("#marker_inputs").hide();
|
||||||
|
$("#add_marker").html(I18n.t('export.start_rjs.add_marker'));
|
||||||
|
|
||||||
|
if (markerLayer) {
|
||||||
|
markerControl.destroy();
|
||||||
|
markerLayer.destroy();
|
||||||
|
markerLayer = null;
|
||||||
|
markerControl = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function mapMoved() {
|
||||||
|
setBounds(map.getExtent());
|
||||||
|
validateControls();
|
||||||
|
}
|
||||||
|
|
||||||
|
function setBounds(bounds) {
|
||||||
|
var toPrecision = zoomPrecision(map.getZoom());
|
||||||
|
|
||||||
|
bounds = bounds.clone().transform(map.getProjectionObject(), epsg4326);
|
||||||
|
|
||||||
|
$("#minlon").val(toPrecision(bounds.left));
|
||||||
|
$("#minlat").val(toPrecision(bounds.bottom));
|
||||||
|
$("#maxlon").val(toPrecision(bounds.right));
|
||||||
|
$("#maxlat").val(toPrecision(bounds.top));
|
||||||
|
|
||||||
mapnikSizeChanged();
|
mapnikSizeChanged();
|
||||||
} else {
|
htmlUrlChanged();
|
||||||
$("#export_mapnik").hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($("#format_html").prop("checked")) {
|
function clearBox() {
|
||||||
$("#export_html").show();
|
transform.deactivate();
|
||||||
$("#export_commit").hide();
|
vectors.destroyFeatures();
|
||||||
$("#export_html_text").prop("selected", true);
|
|
||||||
} else {
|
|
||||||
$("#export_html").hide();
|
|
||||||
|
|
||||||
clearMarker();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
validateControls();
|
function drawBox(bounds) {
|
||||||
|
var feature = new OpenLayers.Feature.Vector(bounds.toGeometry());
|
||||||
|
|
||||||
|
vectors.addFeatures(feature);
|
||||||
|
transform.setFeature(feature);
|
||||||
|
}
|
||||||
|
|
||||||
|
function validateControls() {
|
||||||
|
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(), $("#maxlon").val(), $("#maxlat").val());
|
||||||
|
|
||||||
|
if (bounds.getWidth() * bounds.getHeight() > OSM.MAX_REQUEST_AREA) {
|
||||||
|
$("#export_osm_too_large").show();
|
||||||
|
} else {
|
||||||
|
$("#export_osm_too_large").hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
var max_scale = maxMapnikScale();
|
||||||
|
var disabled = true;
|
||||||
|
|
||||||
|
if ($("#format_osm").prop("checked")) {
|
||||||
|
disabled = bounds.getWidth() * bounds.getHeight() > OSM.MAX_REQUEST_AREA;
|
||||||
|
} else if ($("#format_mapnik").prop("checked")) {
|
||||||
|
disabled = $("#mapnik_scale").val() < max_scale;
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#export_commit").prop("disabled", disabled);
|
||||||
|
$("#mapnik_max_scale").html(roundScale(max_scale));
|
||||||
|
}
|
||||||
|
|
||||||
|
function htmlUrlChanged() {
|
||||||
|
var bounds = new OpenLayers.Bounds($("#minlon").val(), $("#minlat").val(), $("#maxlon").val(), $("#maxlat").val());
|
||||||
|
var layerName = map.baseLayer.keyid;
|
||||||
|
var url = "http://" + OSM.SERVER_URL + "/export/embed.html?bbox=" + bounds.toBBOX() + "&layer=" + layerName;
|
||||||
|
var markerUrl = "";
|
||||||
|
|
||||||
|
if ($("#marker_lat").val() && $("#marker_lon").val()) {
|
||||||
|
markerUrl = "&mlat=" + $("#marker_lat").val() + "&mlon=" + $("#marker_lon").val();
|
||||||
|
url += "&marker=" + $("#marker_lat").val() + "," + $("#marker_lon").val();
|
||||||
|
}
|
||||||
|
|
||||||
|
var html = '<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+url+'" style="border: 1px solid black"></iframe>';
|
||||||
|
|
||||||
|
// Create "larger map" link
|
||||||
|
var center = bounds.getCenterLonLat();
|
||||||
|
|
||||||
|
bounds.transform(epsg4326, epsg900913);
|
||||||
|
var zoom = map.getZoomForExtent(bounds);
|
||||||
|
|
||||||
|
var layers = getMapLayers();
|
||||||
|
|
||||||
|
var text = I18n.t('export.start_rjs.view_larger_map');
|
||||||
|
var escaped = [];
|
||||||
|
|
||||||
|
for (var i = 0; i < text.length; ++i) {
|
||||||
|
var c = text.charCodeAt(i);
|
||||||
|
escaped.push(c < 127 ? text.charAt(i) : "&#" + c + ";");
|
||||||
|
}
|
||||||
|
|
||||||
|
html += '<br /><small><a href="http://' + OSM.SERVER_URL + '/?lat='+center.lat+'&lon='+center.lon+'&zoom='+zoom+'&layers='+layers+markerUrl+'">'+escaped.join("")+'</a></small>';
|
||||||
|
|
||||||
|
$("#export_html_text").val(html);
|
||||||
|
|
||||||
|
if ($("#format_html").prop("checked")) {
|
||||||
|
$("#export_html_text").prop("selected", true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatChanged() {
|
||||||
|
$("#export_commit").show();
|
||||||
|
|
||||||
|
if ($("#format_osm").prop("checked")) {
|
||||||
|
$("#export_osm").show();
|
||||||
|
} else {
|
||||||
|
$("#export_osm").hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("#format_mapnik").prop("checked")) {
|
||||||
|
$("#mapnik_scale").val(roundScale(map.getScale()));
|
||||||
|
$("#export_mapnik").show();
|
||||||
|
|
||||||
|
mapnikSizeChanged();
|
||||||
|
} else {
|
||||||
|
$("#export_mapnik").hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("#format_html").prop("checked")) {
|
||||||
|
$("#export_html").show();
|
||||||
|
$("#export_commit").hide();
|
||||||
|
$("#export_html_text").prop("selected", true);
|
||||||
|
} else {
|
||||||
|
$("#export_html").hide();
|
||||||
|
|
||||||
|
clearMarker();
|
||||||
|
}
|
||||||
|
|
||||||
|
validateControls();
|
||||||
|
}
|
||||||
|
|
||||||
|
function maxMapnikScale() {
|
||||||
|
var bounds = getMercatorBounds();
|
||||||
|
|
||||||
|
return Math.floor(Math.sqrt(bounds.getWidth() * bounds.getHeight() / 0.3136));
|
||||||
|
}
|
||||||
|
|
||||||
|
function mapnikImageSize(scale) {
|
||||||
|
var bounds = getMercatorBounds();
|
||||||
|
|
||||||
|
return new OpenLayers.Size(Math.round(bounds.getWidth() / scale / 0.00028),
|
||||||
|
Math.round(bounds.getHeight() / scale / 0.00028));
|
||||||
|
}
|
||||||
|
|
||||||
|
function roundScale(scale) {
|
||||||
|
var precision = 5 * Math.pow(10, Math.floor(Math.LOG10E * Math.log(scale)) - 2);
|
||||||
|
|
||||||
|
return precision * Math.ceil(scale / precision);
|
||||||
|
}
|
||||||
|
|
||||||
|
function mapnikSizeChanged() {
|
||||||
|
var size = mapnikImageSize($("#mapnik_scale").val());
|
||||||
|
|
||||||
|
$("#mapnik_image_width").html(size.w);
|
||||||
|
$("#mapnik_image_height").html(size.h);
|
||||||
|
|
||||||
|
validateControls();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
});
|
||||||
function maxMapnikScale() {
|
|
||||||
var bounds = getMercatorBounds();
|
|
||||||
|
|
||||||
return Math.floor(Math.sqrt(bounds.getWidth() * bounds.getHeight() / 0.3136));
|
|
||||||
}
|
|
||||||
|
|
||||||
function mapnikImageSize(scale) {
|
|
||||||
var bounds = getMercatorBounds();
|
|
||||||
|
|
||||||
return new OpenLayers.Size(Math.round(bounds.getWidth() / scale / 0.00028),
|
|
||||||
Math.round(bounds.getHeight() / scale / 0.00028));
|
|
||||||
}
|
|
||||||
|
|
||||||
function roundScale(scale) {
|
|
||||||
var precision = 5 * Math.pow(10, Math.floor(Math.LOG10E * Math.log(scale)) - 2);
|
|
||||||
|
|
||||||
return precision * Math.ceil(scale / precision);
|
|
||||||
}
|
|
||||||
|
|
||||||
function mapnikSizeChanged() {
|
|
||||||
var size = mapnikImageSize($("#mapnik_scale").val());
|
|
||||||
|
|
||||||
$("#mapnik_image_width").html(size.w);
|
|
||||||
$("#mapnik_image_height").html(size.h);
|
|
||||||
|
|
||||||
validateControls();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue