This topic contains 32 replies, has 8 voices, and was last updated by 
Sandals 2 months ago.
Heißes deutsches Schinkensandwich
Aroma-verpacktes Sauerkraut und Münster Käse sind die idealen Begleiter zu den geräucherten Schinkenscheiben von Carolina Pride in diesem herzhaften Sandwich.5
Favoriten
Favorit dieses Rezept!
Favorit dieses Rezept!
Zutaten
2 Scheiben (2 oz.) Geräucherter gekochter Schinken Carolina Pride ™
1 Scheibe Münster Käse, schräg in Dreiecke schneiden
1 Scheibe dunkles Roggenbrot, geröstet
2 T. Sauerkraut, abtropfen lassen
1 Teelöffel. Italienische Salatsauce
1 Teelöffel. gehackte grüne Zwiebel
3 gekühlte koschere Dillgurkenscheiben
Richtungen
Ofen vorheizen auf 350 Grad F. Schinken um Käsedreiecke falten. Auf Brot legen. In einer kleinen Schüssel Sauerkraut, Dressing und Frühlingszwiebeln vermengen. Löffel über Schinken. Top mit Gurken. In eine flache Backform geben. 15 Minuten backen oder bis der Käse geschmolzen ist.Dieses Rezept kann das folgende Produkt verwenden
$(“div#”+layerName+”.end-node”).find(“div.metadata div”).css(“padding”,”10px”).html(“”); // Remove the existing meta-description
if ( tmplaymetaurl !== undefined && tmplaymetaurl.length>0 ) {
$(“div#”+layerName+”.end-node”).find(“div.metadata div”).append(“<p>Main metadata document</p>” );
}
if ( tmpmetaurl !== undefined && tmpmetaurl.length>0 ) {
if ( tmplaymetaurl === undefined || tmplaymetaurl != tmpmetaurl ) {
$(“div#”+layerName+”.end-node”).find(“div.metadata div”).append(“<p>Layer metadata document</p>” );
}
}
if ( tmpdataurl !== undefined && tmpdataurl.length>0 ) {
$(“div#”+layerName+”.end-node”).find(“div.metadata div”).append(“<p>Data description</p>” );
}
*/
}geuswebmap.utf8toiso88591 = function ( utf8string ) {
try {
return decodeURIComponent(escape( utf8string ) );
} catch ( exc ) {
return utf8string; // Return org.
}}
var geuswebmap = geuswebmap || {};
var map = map || {};geuswebmap.hiliFeature = function(iWkt, epsg, doJump) {
//console.log( “hiliFeature” );
if( iWkt === null || iWkt.length === 0 ) {
return;
};
geuswebmap.layers.hiliLayer.getSource().clear();
var feat = geuswebmap.format.readFeature(iWkt, { dataProjection:”EPSG:”+epsg, featureProjection:’EPSG:’+geuswebmap.epsg });
geuswebmap.layers.hiliLayer.getSource().addFeature( feat );
if ( doJump ) {
if ( iWkt.indexOf(“POINT”) >= 0 ) {
map.getView().fit( feat.getGeometry(), map.getSize(), {minResolution:25} );
} else {
map.getView().fit( feat.getGeometry(), map.getSize(), {minResolution:100} );
}
}
};// Remove existing highlighting
geuswebmap.hiliClear = function() {
//console.log( “hiliClear” );
geuswebmap.layers.selectLayer.getSource().clear();
geuswebmap.layers.hiliLayer.getSource().clear();
};
// This function loads the geocoder (call this before asking the user for a location)
geuswebmap.loadGeocoder = function() {
//console.log( “loadGeocoder” );
if ( geuswebmap.geocoder === undefined ) {
geuswebmap.geocoder = 0; // Prevents reload
// Google Geocode support
var fileref=document.createElement(‘script’);
fileref.setAttribute(“type”,”text/javascript”);
fileref.setAttribute(“src”, “https://maps.googleapis.com/maps/api/js?key=AIzaSyClLGyHJs4qZXlHpZgcUo2k2G_jB4WVxm4”);
document.getElementsByTagName(“head”)[0].appendChild(fileref);
}
}// Functions for geocoding and flying to the spot
geuswebmap.goToAddress = function(address) {
if ( address.split(“,”).length==2 && !isNaN(parseInt(address.split(“,”)[0], 10)) && !isNaN(parseInt(address.split(“,”)[1], 10)) ) {
geuswebmap.gotoPosition({coords:{
longitude:parseFloat(address.split(“,”)[0], 10),
latitude:parseFloat(address.split(“,”)[1], 10)
}});
return;
}
if ( geuswebmap.epsg.indexOf(“3262”) == 0 ) {
// Use GRL place names instead
geuswebmap.gotoPlacename(address);
return;
}
geuswebmap.geocoder = new google.maps.Geocoder();
geuswebmap.geocoder.geocode( { ‘address’: address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var featid=0;
for (featid=0;featid<results.length;featid++) {
var tmpCoordinate = ol.proj.transform([results[featid].geometry.location.lng(), results[featid].geometry.location.lat()], ‘EPSG:4326’, ‘EPSG:’+geuswebmap.epsg);
if ( ol.extent.containsCoordinate( geuswebmap.extent, tmpCoordinate ) ) {
geuswebmap.layers.myLocation.getSource().addFeature( new ol.Feature({geometry: new ol.geom.Point( tmpCoordinate )}) );
setTimeout(function () { geuswebmap.layers.myLocation.getSource().clear(); }, 10000 );
}
}
if ( featid >= 1 ) {
map.getView().fit(geuswebmap.layers.myLocation.getSource().getExtent(), map.getSize(), {padding:[50,50,50,50], minResolution: 1 } );
// Guess an appropriate resolution. The more components, the more precise location and therefore small resolution
switch ( results[0].address_components.length ) {
case 1:
// Probably a country
map.getView().setResolution( 500 );
break;
case 2:
// Probably a city
map.getView().setResolution( 100 );
break;
case 3:
// Probably a street
map.getView().setResolution( 10 );
break;
case 4:
// Probably a street
map.getView().setResolution( 5 );
break;
default:
// Probably a house
map.getView().setResolution( 1 );
}
}
} else {
alert(status);
}
});
}// Current location
geuswebmap.gotoPosition = function(position) {
//console.log( “gotoPosition” );
var tmpCoordinate = ol.proj.transform([position.coords.longitude, position.coords.latitude], ‘EPSG:4326’, ‘EPSG:’+geuswebmap.epsg);
map.getView().setCenter( tmpCoordinate );
map.getView().setZoom(10);
geuswebmap.layers.myLocation.getSource().clear();
geuswebmap.layers.myLocation.getSource().addFeature( new ol.Feature({geometry: new ol.geom.Point( tmpCoordinate )}) );
};geuswebmap.gotoPlacename = function(placename) {
if(placename === “” || placename === undefined){
alert(“please enter a value:”);
;}
else{
geuswebmap.layers.myLocation.getSource().clear();
$.ajax({
url: “ajax/grl_placenames.jsp”,
data: “filter=” + placename,
type: “GET”,
timeout: 3000,
contentType: “application/x-www-form-urlencoded;charset=UTF8”,
dataType: ‘html’,
success: function(data) {
var tmpfound = false;
var results = data.split(“|”);
var featid=0;
for (featid=0;featid<results.length;featid++) {
if ( results[featid].length > 0 ) {
var placenameText = results[featid].split(“;”)[0];
var placenameWkt = results[featid].split(“;”)[1];
try {
// See layer grl_placenames for its projection (should be 32624)
var tmpCoordinate = ol.proj.transform(geuswebmap.format.readGeometry( placenameWkt ).getCoordinates(), ‘EPSG:32624’, ‘EPSG:’+geuswebmap.epsg);
if ( ol.extent.containsCoordinate( geuswebmap.extent, tmpCoordinate ) ) {
geuswebmap.layers.myLocation.getSource().addFeature( new ol.Feature({geometry: new ol.geom.Point( tmpCoordinate )}) );
setTimeout(function () { geuswebmap.layers.myLocation.getSource().clear(); }, 20000 );
tmpfound = true;
}
} catch (eee) {
console.log([“gotoPlacename”,placenameWkt,eee]);
}
}
}
if ( tmpfound && featid >= 1 ) {
map.getView().fit(geuswebmap.layers.myLocation.getSource().getExtent(), map.getSize(), {padding:[50,50,50,50] } );
if ( map.getView().getResolution() < 60 ) {
map.getView().setResolution(60);
}
}else {
alert(labels.hits + “: 0”);
}
},
error: function(xhr) {
$(“div#byFilter_data”).html(“<br><h3 style=’color:red;text-align:center;’>Error</h3>” );
}});
}};// Iterate through the layer checkboxes and turn OL3 layers on and off
var geuswebmap = geuswebmap || {};
var map = map || {};
var labels = labels || {};
var ol = ol || {};geuswebmap.layersOnOffSync = function() {
$(“input[name=layer]”).each( function() {
try {
geuswebmap.layers[ $(this).attr(“value”) ].setVisible( $(this).is(“:checked”) );} catch (e) {
console.log( [“layersOnOffSync” , “key”, e ] );
}
});
//geuswebmap.sortupdate ();
geuswebmap.setUrlHash();
};geuswebmap.setLayerFilter = function(layername) {
//console.log( [ “setLayerFilter”, layername, geuswebmap.layers[layername] ] );
var tmpparams = {};
var showList = false;
var tmpurl = “”;
try {
// ArcGIS rest layers
tmpurl = geuswebmap.layers[layername].getSource().getUrls()[0];
} catch ( ee ) {
// WMS etc.
try {
tmpurl = geuswebmap.layers[layername].getSource().getUrl();
} catch ( eee ) {
console.log( “function setLayerFilter error”, layername, eee );
}
}
if ( tmpurl.indexOf(“http”) === 0 ) {
// external source = use std wms possibilities
$(“form.”+layername).find(“select,input”).each( function() {
var tmpname = $(this).prop(“name”);
if ( tmpname === “layer.config” ) {
if ( $(this).val().length === 0 ) {
geuswebmap.layers[layername].setVisible( false );
} else {
geuswebmap.layers[layername].setVisible( true );
}
// Make the custom field name into a std WMS param
tmpname = “LAYERS”;
}
tmpparams[ tmpname ] = $(this).val();
});
} else {
// internal source = more possibilities
tmpparams.filter = encodeURIComponent( $(“form.”+layername).serialize() );
showList = true;
}
// Add filter to layer
geuswebmap.setUrlHash();
try {
geuswebmap.layers[layername].getSource().updateParams( tmpparams );
} catch ( e ) {
// Do nothing. Some layers doesn’t have the updateParams function.
}
if ( showList ) {
// Remove search features if exists
var feat = geuswebmap.layers.selectLayer.getSource().getFeatures();
if ( feat.length > 0 ) {
geuswebmap.layers.selectLayer.getSource().removeFeature( feat[0] );
}
$(“div#mapinfo”).html(“”);
$(“div#mapdetails”).hide();// If search criteria exists, do a textual search as well
/* TODO: Too aggressive?
if ( $(“form.”+layername).length > 0 && ($(“form.”+layername).serialize()+”&”).split(“=&”).length != ($(“form.”+layername).serialize()+”&”).split(“&”).length ) {
geuswebmap.searchByFeature( layername );
}
*/
}
geuswebmap.setUrlHash();
};geuswebmap.layerChooser = function(elm) {
// Takes a select item and turns all named layers off except the selected option
//console.log( “layerChooser” );
// Remove legend link, if exists
$(this).parents(“div.mapSettingsElm”).find(“div.legend”).remove();
$(elm).find(“option”).each( function() {
for ( var key in this.value.split(“,”) ) {
// Add legend link?
if ( $(this).is(“:selected”) && $(this).attr(“data-legend”) !== undefined ) {
$(this).parents(“div.mapSettingsElm”).find(“div.legend”).remove();
$(this).parents(“select”).after(““);
}
var tmplayname = this.value.split(“,”)[key];
// Does the value correspond to a layer ID, then sync with the option selected or not
if ( geuswebmap.layers[ tmplayname ] !== undefined && geuswebmap.standardbackground ) {
geuswebmap.layers[ tmplayname ].setVisible( $(this).is(“:selected”) );
} else if ( tmplayname.length>0 && tmplayname!==”baseMap2″ ) {
if ( $(this).parent(“optgroup”) && $(this).parent(“optgroup”).children().size() === 1 ) {
$(this).parent(“optgroup”).remove();
}
$(this).remove();
}
}
});geuswebmap.setUrlHash();
};geuswebmap.toggleLayerVisibility = function(element){
par = element.parentElement.parentElement;
if ($(par).find(“span.hide-layer-details”).is(“:visible”)){$(par).find(“span.hide-layer-details”).hide();
$(par).find(“span.show-layer-details”).show();
$(par).find(“div.layerContents”).show();
}
else{$(par).find(“span.hide-layer-details”).show();
$(par).find(“span.show-layer-details”).hide();
$(par).find(“div.layerContents”).hide();
}
};geuswebmap.toggleLayer = function(checkbox,forceReload) {
if ( checkbox === undefined ) return;
//console.log( [“toggleLayer”,checkbox,forceReload] );
try {
var cb = $(checkbox);
var cbiditm = “|”+checkbox.id+”|”;
// Active layers counter
var badge = $(‘.list-group span#’ + cb.attr(‘data-badgeid’) );var groupsort = $(badge).siblings(‘.list-group-item span.glyphicon-sort’);
if( !cb.is(‘:checked’) ) {
geuswebmap.removeFromLegend(cb.parents(“.end-node”).attr(“id”));
//geuswebmap.toggleLayerVisibility($(cb.data().layerName+”_togglelayerinvisible”)[0]);
badge.attr( “data-active-checkboxes”, badge.attr( “data-active-checkboxes”).replace(cbiditm,””) );$(‘div#’ + cb.val() + ‘ .layerContents’).slideUp();
geuswebmap.hiliClear(); // Don’t want hanging hili features
//
// Remove legend?
$(cb[0].parentElement.parentElement.parentElement).find(“span.hide-layer-details”).hide();
$(cb[0].parentElement.parentElement.parentElement).find(“span.show-layer-details”).hide();
$(cb[0].parentElement.parentElement.parentElement).find(“.glyphicon-sort”).hide();
//geuswebmap.toggleLayerVisibility($(cb[0].parentElement.parentElement).find(“span.hide-layer-details”)[0]);
if ( $(“div#floatingDiv h3”).html() === cb.parents(“.end-node”).find(‘div.layerContents’).attr(‘data-layer-name’) ) {
$(“div#floatingDiv”).remove();
}
$(cb[0].parentElement.parentElement.parentElement).find(“div.goto-full-extent”).hide();
} else if ( cb.is(‘:checked’) ) {
//
var calcExtent = function (){return “”;};
var dynamic = false;
if(cb.parents(“.end-node”).data(“legend-link”).indexOf(“supports=dynamic”)>-1){
dynamic = true;
calcExtent = function (){
return “&extent=”+map.getView().calculateExtent(map.getSize()).toString()+”&epsg=”+geuswebmap.epsg;
};
}geuswebmap.floatingDiv2(cb.parents(“.end-node”).data(“legend-link”), $(cb).data(“layer-name”),dynamic,calcExtent,$(cb).data(“layer-id”),cb.parents(“.end-node”).data(“meta-link”));
if ( badge.attr(“data-active-checkboxes”) === undefined ) {
badge.attr( “data-active-checkboxes”, cbiditm );
}
badge.attr( “data-active-checkboxes”, badge.attr( “data-active-checkboxes”).replace(cbiditm,””) + cbiditm );
//$(‘div#’ + cb.val() + ‘ .layerContents’).slideDown();$(cb[0].parentElement.parentElement.parentElement).find(“.glyphicon-sort”).show();
$(cb[0].parentElement.parentElement.parentElement).find(“div.goto-full-extent”).show();
if ($(cb[0].parentElement.parentElement.parentElement).find(“div.layerContents”).is(“:visible”)){// $(cb[0].parentElement.parentElement).find(“span.hide-layer-details”).show();
// $(cb[0].parentElement.parentElement).find(“span.show-layer-details”).hide();
geuswebmap.toggleLayerVisibility($(cb[0].parentElement.parentElement.parentElement).find(“span.hide-layer-details”)[0]);
}
else{
// $(cb[0].parentElement.parentElement).find(“span.show-layer-details”).show();$(cb[0].parentElement.parentElement.parentElement).find(“span.hide-layer-details”).show();
geuswebmap.toggleLayerVisibility($(cb[0].parentElement.parentElement.parentElement).find(“span.hide-layer-details”)[0]);}
}
var laycnt = badge.attr(“data-active-checkboxes”).split(“||”).length;
if ( badge.attr(“data-active-checkboxes”).split(“||”)[0].length === 0 ) laycnt = 0; // Split never returns zero-length array.
badge.html(laycnt);
if ( laycnt === 0 ) {
badge.fadeOut();
groupsort.fadeOut();
};
if ( laycnt > 0 ) {
badge.fadeIn();
groupsort.fadeIn();
};// Setup the layer at first load
if ( !cb.parents(“.end-node”).attr(“data-ajax-loaded”) ) {
//console.log( [“toggleLayer”,checkbox,forceLoad,”setup”] );
cb.parents(“.end-node”).attr(“data-ajax-loaded”,”true”);
// Default tab (if all other fails)
cb.parents(“.end-node”).find(“li.config”).tab(‘show’);
cb.parents(“.end-node”).find(“div.config”).addClass(“active”);
var aval,bval;
// Load meta
aval = cb.parents(“.end-node”).attr(“data-meta-link”);
if ( aval && aval.length > 0 ) {
cb.parents(“.end-node”).find(“div.metadata div”).html( “
” );
if ( aval.indexOf(“http://egdi.geology.cz/csw/”)===0 && aval.indexOf(“&id=”) > 0 ) {
$.ajax({
url: “http://egdi.geology.cz/csw/?request=GetRecords&query=identifier%3D%27” + encodeURIComponent(aval.split(“&id=”)[1].split(“&”)[0]) + “%27&format=application/json&MaxRecords=1&StartPosition=&language=eng”,
timeout: 30000,
dataType: “json”,
success: function (mickajson, textStatus, jqXHR) {
//console.log(mickajson);
cb.parents(“.end-node”).find(“div.metadata div”).css(“padding”,”10px”).css(“overflow-y”,”auto”);
cb.parents(“.end-node”).find(“div.metadata div img.loading”).hide();
try {
for ( var key in mickajson.records ) {
cb.parents(“.end-node”).find(“div.metadata div”).append( “<p style=’padding-top:10px;font-weight:bold;’>” + mickajson.records[key].title + “</p>”);
cb.parents(“.end-node”).find(“div.metadata div”).append( “<p style=’padding-top:10px;’>” + mickajson.records[key].abstract + “</p>”);
cb.parents(“.end-node”).find(“div.metadata div”).append( “<p style=’padding-top:10px;font-weight:bold;’>Contact: ” + mickajson.records[key].contact + “</p>”);
}
} catch ( ex ) {
cb.parents(“.end-node”).find(“div.metadata div img.loading”).hide();
cb.parents(“.end-node”).find(“div.metadata div”).append( “<p style=’padding-top:10px;font-weight:bold;’>Unable to handle response…</p>”);
console.log ( [ “read meta1”, ex ] );
}
}.bind(this),
error : function(jqXHR, textStatus, errorThrown) {
cb.parents(“.end-node”).find(“div.metadata div img.loading”).hide();
cb.parents(“.end-node”).find(“div.metadata div”).append( “<p style=’padding-top:10px;font-weight:bold;’>” + textStatus + “…</p>”);
//console.log ( [ “read meta2”, jqXHR, textStatus, errorThrown ] );
}.bind(this)
});
} else {
cb.parents(“.end-node”).find(“div.metadata div”).append(“<iframe width=’100%’ height=’95%’></iframe>”);
cb.parents(“.end-node”).find(“div.metadata div iframe”).css(“border-width”,”0px”).prop( “src”, aval );
}
cb.parents(“.end-node”).find(“li.metadata”).show().tab(‘show’);
cb.parents(“.end-node”).find(“div.active”).removeClass(“active”);
cb.parents(“.end-node”).find(“div.metadata”).addClass(“active”);
cb.parents(“.end-node”).find(“div.metadata div img.loading”).hide();
cb.parents(“.end-node”).find(“div.metadata”).append(“<button class=’btn btn-xs btn-default’ type=’button’ class=’btn btn-default’>” + labels[“new_tab”] + “</button>“);
cb.parents(“.end-node”).find(“div.metadata”).append(“<button type=’button’ class=’btn btn-xs btn-default’ onclick=\”geuswebmap.floatingDiv($(this).siblings(‘div’),$(this).parents(‘div.layerContents’).attr(‘data-layer-name’));\”>” + labels[“new_window”] + “</button>”);
} else {
cb.parents(“.end-node”).find(“li.metadata”).hide();
}
// Load legend
aval = cb.parents(“.end-node”).attr(“data-legend-link”);
if ( aval && aval.length > 0 ) {
// Add img object to DOM
cb.parents(“.end-node”).find(“div.legend div”).html(““);
cb.parents(“.end-node”).find(“div.legend div img”).load( function() {
//geuswebmap.floatingDiv($(this).parent(‘div’),$(this).parents(‘div.layerContents’).attr(‘data-layer-name’));
});
cb.parents(“.end-node”).find(“div.legend div img”).error( function() {
// Plan B for image not possible to load
var tmpleglink = cb.parents(“.end-node”).attr(“data-legend-link”);
// Since not a static image, it might be extent-dynamic (GEUS invention).
if( tmpleglink.indexOf(“supports=dynamic”)>0 ) {
tmpleglink = tmpleglink.split(“&extent”)[0]+”&extent=”+map.getView().calculateExtent(map.getSize()).toString()+”&epsg=”+geuswebmap.epsg;}
cb.parents(“.end-node”).find(“div.legend div”).html(“<iframe src='” + tmpleglink + “‘ style=’width:100%;height:140px;’></iframe>”);
// In case the iframe is dynamically updated and legend window visible
cb.parents(“.end-node”).find(“div.legend”).find(“iframe”).load(function() {
if ( $(this).parents(“.end-node”).find(“input[type=checkbox]”).is(“:checked”) && $(“div#floatingDiv”).is(“:visible”) ) {
//geuswebmap.floatingDiv($(this),$(this).parents(‘div.layerContents’).attr(‘data-layer-name’),true);
}
});
// Add buttons
cb.parents(“.end-node”).find(“div.legend”).append(“<button type=’button’ class=’btn btn-xs btn-default’ onClick=\”window.open($(this).parent().find(‘iframe’).attr(‘src’));\”>” + labels[“new_tab”] + “</button>”);
//cb.parents(“.end-node”).find(“div.legend”).append(“<button type=’button’ class=’btn btn-xs btn-default’ onClick=\”geuswebmap.floatingDiv($(this).siblings(‘div’).find(‘iframe’),$(this).parents(‘div.layerContents’).attr(‘data-layer-name’));\”>” + labels[“new_window”] + “</button>”);cb.parents(“.end-node”).find(“div.legend .newwindow”).remove();
$(this).remove();
} );// Now try to load the image
cb.parents(“.end-node”).find(“div.legend div img”).prop(“src”,aval);cb.parents(“.end-node”).find(“li.legend”).show().tab(‘show’);
cb.parents(“.end-node”).find(“div.active”).removeClass(“active”);
cb.parents(“.end-node”).find(“div.legend”).addClass(“active”);cb.parents(“.end-node”).find(“div.legend”).append(“<button type=’button’ class=’btn btn-xs btn-default’>” + labels[“new_tab”] + “</button>“);
cb.parents(“.end-node”).find(“div.legend”).append(“<button type=’button’ class=’btn btn-xs btn-default newwindow’ onclick=\”geuswebmap.floatingDiv($(this).siblings(‘div’),$(this).parents(‘div.layerContents’).attr(‘data-layer-name’));\”>” + labels[“new_window”] + “</button>”);} else {
cb.parents(“.end-node”).find(“li.legend”).hide();
}
// Load filter
aval = cb.parents(“.end-node”).attr(“data-has-filter”);
if ( aval && aval !== “false” ) {
//console.log( [ aval , cb.parents(“.end-node”) ] );
cb.parents(“.end-node”).find(“li.filter”).show().tab(‘show’);
cb.parents(“.end-node”).find(“div.active”).removeClass(“active”);
cb.parents(“.end-node”).find(“div.filter”).addClass(“active”);
} else {
cb.parents(“.end-node”).find(“li.filter”).hide();
}// Show full-extent-button
aval = cb.parents(“.end-node”).attr(“data-extent”);
bval = cb.parents(“.end-node”).attr(“data-epsg”);
//console.log( [ aval, bval ] );
if ( aval && aval.length > 0 && bval && bval.length > 0 ) {
cb.parents(“.end-node”).find(“.goto-full-extent”).show();
cb.parents(“.end-node”).find(“div.goto-full-extent”).click( function() {
map.getView().fit( ol.proj.transformExtent( $(this).parents(“.end-node”).attr(‘data-extent’).split(“,”).map(Number),’EPSG:’+$(this).parents(“.end-node”).attr(‘data-epsg’),’EPSG:’+geuswebmap.epsg), map.getSize());
});
}
// Show service URL
var surl = “”;
try {
surl = geuswebmap.layers[ cb.parents(“.end-node”).prop(“id”) ].getSource().getUrl(); // ImageWMS
} catch ( ee ) {
surl = geuswebmap.layers[ cb.parents(“.end-node”).prop(“id”) ].getSource().getUrls()[0]; // TileArcGISRest
}
if ( surl !== undefined && surl.length > 0 && !surl.indexOf(“map.jsp”) === 0 ) {
cb.parents(“.end-node”).find(“div.config”).append(“Service URL:<br><input type=’text’ style=’font-size:0.8em;width:95%;’ onClick=’$(this).select();’ value='” + surl + “‘>“);
}
} else {
// Tabs already loaded. Show legend in popup
if( cb.is(‘:checked’) ) {
var lurl = cb.parents(“.end-node”).attr(“data-legend-link”);
if ( lurl !== undefined && lurl.length > 0 ) {
//geuswebmap.floatingDiv( cb.parents(“.end-node”).find(“div.tab-pane.legend div”),cb.parents(“.end-node”).find(‘div.layerContents’).attr(‘data-layer-name’));
}
}
}
} catch (e) {
console.log( [“toggleLayer”,e,checkbox] );
}
geuswebmap.layersOnOffSync();
};geuswebmap.FullExtentControl = function(opt_options) {
var handleFullExtent = function() {
map.getView().fit(geuswebmap.extent, map.getSize());
};
$(“div.tool-box button.ol-full-extent”)[0].addEventListener(‘click’, handleFullExtent, false);
ol.control.Control.call(this, {
element: $(“div.tool-box”)[0],
target: $(“div.tool-box-control”)[0]
});
}
ol.inherits(geuswebmap.FullExtentControl, ol.control.Control);
map.getControls().extend([new geuswebmap.FullExtentControl()]);geuswebmap.MyLocationControl = function(opt_options) {
var handleMyLocation = function() {
navigator.geolocation.getCurrentPosition( function(position) { geuswebmap.gotoPosition(position); } );
}
$(“div.tool-box button.ol-my-location”)[0].addEventListener(‘click’, handleMyLocation, false);
ol.control.Control.call(this, {
element: $(“div.tool-box”)[0],
target: $(“div.tool-box-control”)[0]
});
}
ol.inherits(geuswebmap.MyLocationControl, ol.control.Control);
map.getControls().extend([new geuswebmap.MyLocationControl()]);geuswebmap.gotoAddressControl = function(opt_options) {
var handleGotoAddress = function() {
geuswebmap.loadGeocoder();
//$(“#gotoAddress”).modal();
};
//$(“div.tool-box button.ol-go-to-address”)[0].addEventListener(‘click’, handleGotoAddress, false);
$(“input#gotoAddressStr”)[0].addEventListener(‘click’, handleGotoAddress, false);
ol.control.Control.call(this, {
element: $(“div.tool-box”)[0],
target: $(“div.tool-box-control”)[0]
});
}
ol.inherits(geuswebmap.gotoAddressControl, ol.control.Control);
map.getControls().extend([new geuswebmap.gotoAddressControl()]);
$(‘#gotoAddress’).on(‘shown.bs.modal’, function () {
$(‘#gotoAddressStr’).focus();
})// Map interactions where we want to do on/off
geuswebmap.interactions = {
// Shift + drag = zoom in
dragZoom: new ol.interaction.DragZoom({condition: ol.events.condition.shiftKeyOnly}), // Shift
// home-made draw (drag rectangle) interaction that zooms to extent on up-event
zoomBox: new ol.interaction.Pointer({
handleDownEvent: function(evt){ geuswebmap.zoomBegin = evt.pixel; geuswebmap.zoomBox = [ evt.coordinate[0],evt.coordinate[1],evt.coordinate[0],evt.coordinate[1] ]; geuswebmap.layers.zoomLayer.getSource().addFeature( new ol.Feature({ geometry: ol.geom.Polygon.fromExtent( geuswebmap.zoomBox ) }) ); return true; },
handleDragEvent: function(evt){ geuswebmap.zoomBox[2] = evt.coordinate[0]; geuswebmap.zoomBox[3] = evt.coordinate[1]; geuswebmap.layers.zoomLayer.getSource().getFeatures()[0].setGeometry( ol.geom.Polygon.fromExtent( geuswebmap.zoomBox ) ); },
handleUpEvent: function(evt){ geuswebmap.zoomEnd = evt.pixel; if ( Math.abs( geuswebmap.zoomEnd[0]-geuswebmap.zoomBegin[0] ) > 20 && Math.abs( geuswebmap.zoomEnd[1]-geuswebmap.zoomBegin[1] ) > 20 ) { map.getView().fit( ol.geom.Polygon.fromExtent( geuswebmap.zoomBox ).getExtent(), map.getSize() ); } geuswebmap.layers.zoomLayer.getSource().clear(); geuswebmap.interactionsOnOff(); }
}),
// home-made dragBox interaction that does getfeatureinfo on feature added (triggered by the up-event)
infoBox: new ol.interaction.Pointer({
handleDownEvent: function(evt){ geuswebmap.boxBegin = evt.pixel; geuswebmap.infoBox = [ evt.coordinate[0],evt.coordinate[1],evt.coordinate[0],evt.coordinate[1] ]; geuswebmap.layers.vectorLayer.getSource().addFeature( new ol.Feature({ geometry: ol.geom.Polygon.fromExtent( geuswebmap.infoBox ) }) ); return true; },
handleDragEvent: function(evt){ geuswebmap.infoBox[2] = evt.coordinate[0]; geuswebmap.infoBox[3] = evt.coordinate[1]; geuswebmap.layers.vectorLayer.getSource().getFeatures()[0].setGeometry( ol.geom.Polygon.fromExtent( geuswebmap.infoBox ) ); },
handleUpEvent: function(evt){ geuswebmap.boxEnd = evt.pixel; if ( Math.abs( geuswebmap.boxEnd[0]-geuswebmap.boxBegin[0] ) > 5 && Math.abs( geuswebmap.boxEnd[1]-geuswebmap.boxBegin[1] ) > 5 ) { geuswebmap.layers.selectLayer.getSource().clear(); geuswebmap.layers.selectLayer.getSource().addFeature( new ol.Feature({ geometry: ol.geom.Polygon.fromExtent( geuswebmap.infoBox ) }) ); } geuswebmap.layers.vectorLayer.getSource().clear(); }
}),
infoPoly: new ol.interaction.Draw({ source: geuswebmap.layers.selectLayer.getSource(), type: /** @type {ol.geom.GeometryType} */ (“Polygon”) }), // http://openlayers.org/en/latest/examples/draw-features.html
infoLine: new ol.interaction.Draw({ source: geuswebmap.layers.selectLayer.getSource(), type: /** @type {ol.geom.GeometryType} */ (“LineString”) }), // http://openlayers.org/en/latest/examples/draw-features.html
// Ctrl + drag = getfeatureinfo (event attached further down)
dragBox: new ol.interaction.DragBox({
condition: ol.events.condition.platformModifierKeyOnly // Ctrl
}),
// Drag the map if mouse-down + drag
dragPan: new ol.interaction.DragPan({condition: ol.events.condition.noModifierKeys}),
// Draw point if map clicked
drawPointSelect: new ol.interaction.Draw({condition: ol.events.condition.noModifierKeys, style: new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({color:’red’}), stroke: new ol.style.Stroke({width:3, color:’green’}), radius:0 }) }), source: geuswebmap.layers.selectLayer.getSource(), type: (“Point”) }),
// Other draw interactions
//drawBox: new ol.interaction.Draw({ source: geuswebmap.layers.selectLayer.getSource(), geometryFunction: ol.interaction.Draw.createBox(), maxPoints: 2, type: /** @type {ol.geom.GeometryType} */ (“Circle”) }), // http://openlayers.org/en/v3.14.1/examples/draw-features.html
//drawCircle: new ol.interaction.Draw({ source: geuswebmap.layers.selectLayer.getSource(), geometryFunction: ol.interaction.Draw.createRegularPolygon(50), maxPoints: 2, type: /** @type {ol.geom.GeometryType} */ (“Circle”) }), // http://openlayers.org/en/v3.14.1/examples/draw-features.html
//Select: new ol.interaction.Select({layers:[geuswebmap.layers.dummyLayer]})
};//Helper function for turning interactions on/off in groups
geuswebmap.interactionsOnOff = function(interactionButton) {
// Reset all
for ( var key in geuswebmap.interactions ) {
map.removeInteraction( geuswebmap.interactions[key] );
}
if ( interactionButton === undefined || $(interactionButton).hasClass(“active”) ) {
// User wants to stop the interaction.
if ( interactionButton === undefined ) {
$(“button.active”).removeClass(“active”);
} else {
$(interactionButton).removeClass(“active”);
}
// Add default
map.addInteraction( geuswebmap.interactions[‘dragZoom’] );
map.addInteraction( geuswebmap.interactions[‘dragBox’] );
map.addInteraction( geuswebmap.interactions[‘dragPan’] );
map.addInteraction( geuswebmap.interactions[‘drawPointSelect’] );
} else {
// User wants to use this interaction.
// Remove others
$(“button.interactions”).removeClass(“active”);
// Activate
var ianames = $(interactionButton).attr(“data-interactions”).split(“,”);
for ( var key in ianames ) {
map.addInteraction( geuswebmap.interactions[ ianames[key] ] );
}
// Light up
$(interactionButton).addClass(“active”);
}
}
// Add click event to all interaction buttons on the map
$(“button.interactions”).click(function(){ geuswebmap.interactionsOnOff(this); });// Connect two of them to CTRL and SHIFT keys
window.addEventListener(“keydown”, function(event) {
if (event.keyCode == 17) {
geuswebmap.interactionsOnOff();
$(“div.interactions button”).removeClass(“active”); $(“div.interactions button.ol-info-by-box”).addClass(“active”);
} else if (event.keyCode == 16) {
geuswebmap.interactionsOnOff();
$(“div.interactions button”).removeClass(“active”); $(“div.interactions button.ol-zoom-by-box”).addClass(“active”);
}
}, false);
window.addEventListener(“keyup”, function(event) {
if (event.keyCode == 17 || event.keyCode == 16) {
$(“div.interactions button”).removeClass(“active”);
}
}, false);// Create a rectangle when dragBox ends – this automatically also fires getfeatureinfo (list)
geuswebmap.interactions.dragBox.on(‘boxend’, function() {
geuswebmap.layers.selectLayer.getSource().clear();
geuswebmap.layers.selectLayer.getSource().addFeature( new ol.Feature({ geometry: geuswebmap.interactions.dragBox.getGeometry() }) );
});// Add default interactions
geuswebmap.interactionsOnOff();// PermaLink (home-made)
geuswebmap = geuswebmap || {};
map = map || {};
decodeURI = decodeURI || function(){};
decodeURIComponent = decodeURIComponent || function(){};geuswebmap.URLHashRead = false;
geuswebmap.setUrlHash = function() {
// Don’t set URL hash until the URL has been read at least once.
if ( !geuswebmap.URLHashRead ) return;
//console.log( “setUrlHash” );
var tmpLayers = [];
var tmpFilters = “”;
var ix = 0;
for ( var key in geuswebmap.layers ) {
if ( geuswebmap.serverSideLayers[key] !== undefined && geuswebmap.layers[key].getVisible() ) {
tmpLayers.push(key);
try {
if ( geuswebmap.layers[key].getSource().getParams()[“filter”] ) {
tmpFilters += “&filter_” + ix + “=” + geuswebmap.layers[key].getSource().getParams()[“filter”];
} else {
// TODO: Not possible to honor this when later reading hash, since a lot of stuff is going on onLoad that fires later than reading this param (“it’s complicated” 😉
// tmpFilters += “&filter_” + ix + “=” + encodeURIComponent( “layer.config=” + geuswebmap.layers[key].getSource().getParams()[“layers”] );
}
} catch (e) {
// Do nothing. XYZ-layers will fail on above getParams call.
}
ix++;
}
}
var tmpextent = map.getView().calculateExtent(map.getSize());
for ( key in tmpextent ) {
if ( Math.abs(tmpextent[key]) > 1000 ) {
// [tch] the next statement causes the browser to when a user presses F-5 in the browser
// i.e. to refresh the browser without zooming in or out to zoom out in the greenland portal
// I dont know why this should be done…
//tmpextent[key] = Math.round(0.1*tmpextent[key])*10;
}
}
var customwms = [];
for (var key in geuswebmap.layers ) {
if ( key.indexOf(“customWMS”)===0 ) {
var tmpurl = “”;
try {
// ArcGIS rest layers
tmpurl = geuswebmap.layers[key].getSource().getUrls ();
} catch ( ee ) {
// WMS etc.
tmpurl = geuswebmap.layers[key].getSource().getUrl ();
}
customwms.push( encodeURIComponent ( tmpurl ) + “:” + encodeURIComponent( geuswebmap.layers[key].getSource().getParams()[“LAYERS”] ) );
}
}
//console.log( customwms );
window.location.hash = “#baslay=” + $(“select#baslay”).val() + “&optlay=” + $(“select#optlay”).val() + “&extent=” + tmpextent.toString() + (tmpLayers.length>0?”&layers=” + tmpLayers.toString():””) + tmpFilters + (customwms.length>0?(“&customwms=” + customwms.toString()):””);
// Add permalink to the page
var permlink = document.referrer.split(“bmagic”)[0];
if ( !( permlink.slice(-1)===”&” || permlink.slice(-1)===”?” ) ) {
if ( permlink.indexOf(“?”) < 0 ) {
permlink += “?”;
} else {
permlink += “&”;
}
}
permlink += “bmagic=y&” + window.location.hash.replace(“#”,””);
$(“a#permlink”).attr(“href”,window.location.search+”#”+permlink);
};
// Read map changes into URL and update legends if they support dynamic content.
map.on(‘moveend’, function() {
//console.log( “moveend” );
geuswebmap.setUrlHash();
$(“div.legend iframe,div#legendList iframe, div#floatingDiv iframe”).each(function() {
if( $(this).attr(“src”).indexOf(“supports=dynamic”)>0 ) {
$(this).attr(“src”,$(this).attr(“src”).split(“&extent”)[0]+”&extent=”+map.getView().calculateExtent(map.getSize()).toString()+”&epsg=”+geuswebmap.epsg);
}
});
});// Page-specific URL input params for init
geuswebmap.getUrlHash = function() {
//console.log( “getUrlHash” );
// Is the referrer page a portal and this map in an iframe?
if ( (window.parent.frames.length > 0) ) {
// Is the referrer trying to tell us something about map init in its URL?
if ( document.referrer.indexOf(“bmagic=y”) > 0 ) {
// Copy the parent’s URL-params to this as hash-params (ignore whatever already there)
window.location.hash = document.referrer.substring( document.referrer.indexOf(“bmagic=y&”) );
}
}
// Now parse the hash
if ( window.location.hash.length === 0 ) {
geuswebmap.URLHashRead = true;
return;
}
try {
geuswebmap.hashObj = JSON.parse(‘{“‘ + decodeURI(window.location.hash.substring(1)).replace(/”/g, ‘\\”‘).replace(/&/g, ‘”,”‘).replace(/=/g,'”:”‘) + ‘”}’);
if ( geuswebmap.hashObj.baslay ) {
$(“select#baslay”).val( geuswebmap.hashObj.baslay );
}
if ( geuswebmap.hashObj.optlay ) {
$(“select#optlay”).val( geuswebmap.hashObj.optlay );
}
if ( geuswebmap.hashObj.extent ) {
map.getView().fit( geuswebmap.hashObj.extent.split(“,”).map(Number), map.getSize() );
}
if ( geuswebmap.hashObj.layers ) {
// Turn into an array
geuswebmap.hashObj.layers = decodeURIComponent(geuswebmap.hashObj.layers).split(“,”);
// Activate layer in the list and tag the group
for (var x=0 ; x < geuswebmap.hashObj.layers.length ; x++) {
var cb = $(“input#” + geuswebmap.hashObj.layers[x] + “_checkbox”);
if ( cb ) {
cb.parents(‘.collapse’).prev().find(‘.glyphicon-chevron-right’).click().removeClass(‘glyphicon-chevron-right’).addClass(‘glyphicon-chevron-down’);
cb.click(); // Will provoke onClick functions on the checkbox if any.
if ( !cb.attr(“checked”) ) {
cb.attr(“checked”,true);
}
geuswebmap.toggleLayer( cb[0] );
} else {
console.log( [ “getUrlHash”, cb , “undefined?” ] );
}
}
for ( var lidx = 0 ; lidx < geuswebmap.hashObj.layers.length ; lidx++ ) {
if ( geuswebmap.hashObj[ “filter_” + lidx ] ) {
var layFilterArr = decodeURIComponent( geuswebmap.hashObj[ “filter_” + lidx ] ).split(“&”);
for (var x = 0; x < layFilterArr.length; x++) {
var pName = layFilterArr[x].split(“=”)[0];
var pValue = layFilterArr[x].split(“=”)[1];
//console.log( [ pName , pValue ] );
//console.log(“$(\”form.” + geuswebmap.hashObj.layers[lidx] + “\”).find(\”[name='” + pName + “‘]\”).val(\”” + pValue + “\”);”);
$(“form.” + geuswebmap.hashObj.layers[lidx] ).find(“[name='” + pName + “‘]”).val( pValue );
}
}
geuswebmap.setLayerFilter( geuswebmap.hashObj.layers[lidx] );
}
}
if ( geuswebmap.hashObj.customwms ) {
geuswebmap.hashObj.customwms = decodeURI( geuswebmap.hashObj.customwms );
// Hide tip and unfold custom WMS
$(“div#layerUserDefinedWMS div.alert”).hide();
if ( $(“div#layerUserDefinedWMS”).height()===0 || !$(“div#layerUserDefinedWMS”).is(“:visible”) ) {
$(“div#layerUserDefinedWMS”).prev().click();
}
for (var key in geuswebmap.hashObj.customwms.split(“,”) ) {
var surl = decodeURIComponent( geuswebmap.hashObj.customwms.split(“,”)[key].split(“:”)[0] );
var slay = undefined;
var loadAsCustomWmsNow = false;
$(“input#extwmsurl”).val( surl );
if ( geuswebmap.hashObj.customwms.split(“,”)[key].indexOf(“:”) > 0 ) {
slay = decodeURIComponent( geuswebmap.hashObj.customwms.split(“,”)[key].split(“:”)[1] );
loadAsCustomWmsNow = true;
}
geuswebmap.fetchWMSLayers( surl, $(‘select#extwmslay’)[0], slay, loadAsCustomWmsNow ); // 3rd param does an automatic geuswebmap.addWMSLayer
}
}
geuswebmap.URLHashRead = true;
} catch ( e ) {
geuswebmap.URLHashRead = true;
console.log( [ “getUrlHash” , e ] );
}
};function switchLanguage(lang) {
//console.log( “switchLanguage” );
// Language specific divs
if ( lang==”da” ) {
$(“.english”).remove();
$(“.danish”).fadeIn(“slow”);
} else {
$(“.danish”).remove();
$(“.english”).fadeIn(“slow”);
}
}
var geuswebmap = geuswebmap || {};
var map = map || {};
var ol = ol || {};geuswebmap.sortupdate = function (event) {
// Order z-index according to new visible listing
// Put baselayers behind all elsevar aa = Object.keys(geuswebmap.serverSideLayers);
var serverzindex = aa.map(function (o) {
return {“name”:o,”zindex”:geuswebmap.serverSideLayers[o].getZIndex()};
});$(“select#baslay option”).each(function () {
try {
// geuswebmap.layers[$(this).val()].setZIndex(1);
geuswebmap.layers[$(this).val()].setVisible(geuswebmap.layers[$(this).val()].getProperties().visible); // Redraw
} catch (eee) {
}
});// Then the selectable ones
$($(“input[name=’layer’]”).get().reverse()).each(function (index) {var name = $(this).val();
var layer = serverzindex.filter(function (o){return o.name === name;})[0];
layer.new_index = index;
//console.log(layer);
/*try {
geuswebmap.layers[this.value].setZIndex(100 + index);
geuswebmap.layers[this.value].setVisible($(this).is(“:checked”)); // Redraw
} catch (eee) {
}*/
});
serverzindex.sort(function(a, b){return a.zindex – b.zindex;});
serverzindex = serverzindex.filter(function(o){return o.new_index !==undefined;});
serverzindex = serverzindex.map(function(o,index){o.index = index; return o;});
serverzindex.sort(function(a, b){return a.new_index – b.new_index;});
serverzindex.map(function (o) {var layer = serverzindex.find(function (p){return p.index === o.new_index;});
try {
geuswebmap.serverSideLayers[o.name].setZIndex(layer.zindex);
geuswebmap.serverSideLayers[o.name].setVisible($(“#”+o.name+”_checkbox”).is(“:checked”)); // Redraw
} catch (eee) {
}
});
//console.log(serverzindex);
var serverzindex = Object.keys(geuswebmap.layers).map(function (o) {return {“name”:o,”zindex”:geuswebmap.layers[o].getZIndex()};});// Then the custom WMS
$(“button.remove-custom-wms”).each(function (index) {
try {
geuswebmap.layers[$(this).attr(“data-layername”)].setZIndex(1000 + index);
geuswebmap.layers[$(this).attr(“data-layername”)].setVisible(true); // Redraw
} catch (eee) {
}
});
// Then the helper layers
$(“select#optlay option”).each(function () {
try {
if ($(this).val().indexOf(“Hillshade”) >= 0) {
geuswebmap.layers[$(this).val()].setZIndex(10);
} else {
geuswebmap.layers[$(this).val()].setZIndex(2000);
}
geuswebmap.layers[$(this).val()].setVisible(geuswebmap.layers[$(this).val()].getProperties().visible); // Redraw
} catch (eee) {
}
});
event.stopPropagation();
};$(document).ready(initialize_map);
/*
function KortToCanvas(){
html2canvas(document.querySelector(“#map”)).then(canvas => {
document.body.appendChild(canvas);
});
}function LegendToCanvas(){
html2canvas(document.querySelector(“#floatingDiv”)).then(canvas => {
document.body.appendChild(canvas);
});
}
*/function initialize_map() {
// Turn language divs on and off when page rendered
switchLanguage(geuswebmap.lang);// Android & IOS might not like screen object
try {
// Turn welcome and layer list on, if not disabled by URL
if (geuswebmap.showList && screen.availWidth > 1000) {
geuswebmap.toggleLeftDiv(true);
} else {
geuswebmap.toggleLeftDiv(false);
}
if (geuswebmap.showWelcome & screen.availWidth > 1000) {
geuswebmap.toggleWelcomeDiv(true);
} else {
geuswebmap.toggleWelcomeDiv(false);
}
} catch (eee) {
}// Show graticule
if (geuswebmap.baseRegion === “da”) {
geuswebmap.graticule = new ol.Graticule({
map: map,
targetSize: 300,
strokeStyle: new ol.style.Stroke({
color: ‘rgba(120,120,120,0.5)’,
width: 1,
lineDash: [3, 10]
}),
lonLabelStyle: new ol.style.Text({
font: ’10px Calibri,sans-serif’,
textBaseline: ‘bottom’,
fill: new ol.style.Fill({
color: ‘rgba(0,0,0,0.6)’
}),
stroke: new ol.style.Stroke({
color: ‘rgba(255,255,255,0.8)’,
width: 3
})
}),
latLabelStyle: new ol.style.Text({
font: ’10px Calibri,sans-serif’,
textAlign: ‘end’,
fill: new ol.style.Fill({
color: ‘rgba(0,0,0,0.6)’
}),
stroke: new ol.style.Stroke({
color: ‘rgba(255,255,255,0.8)’,
width: 3
})
}),
showLabels: true
});
}// Prevent page reload for named forms and links
$(“a.preventDefault”).click(function (e) {
e.preventDefault();
});
$(“form.preventDefault”).submit(function (e) {
e.preventDefault();
});//$(“canvas”).attr(“crossOrigin”, “Anonymous”);
// List-grouping
$(“.collapse”).on(‘show.bs.collapse’, function () {
$(this).siblings(“a”).find(“i”).removeClass(‘glyphicon-chevron-right’).addClass(‘glyphicon-chevron-down’);
});
$(“.collapse”).on(‘hide.bs.collapse’, function () {
$(this).siblings(“a”).find(“i”).addClass(‘glyphicon-chevron-right’).removeClass(‘glyphicon-chevron-down’);
});// Go-to-my-location only works in https-mode on Chrome
if (location.href.indexOf(“https://”) < 0) {
//$(“input#gotoAddressStr”).css(“width”, “180”);
$(“button.ol-my-location”).hide();
} else {
//$(“input#gotoAddressStr”).css(“width”, “140”);
$(“button.ol-my-location”).show();
}// Catch URL params into init params
geuswebmap.getUrlHash();$(“img”).on(“error”, function() {
$(this).hide();
});// Clean up base map layer select
geuswebmap.layerChooser($(“select#baslay”)[0]); // Run no matter what, so we can hide those that are irrelevant.
geuswebmap.layerChooser($(“select#optlay”)[0]); // Run no matter what, so we can hide those that are irrelevant.
$(“select#baslay”).change(); // Force load of chosen base layer// Add bootstrap style tooltip to elements (turned out to be too agressive)
// $(“[title]”).attr(“data-placement”,”bottom”).tooltip(); // top bottom left right
$(‘[data-toggle=”tooltip”]’).tooltip();// Add sortable
$(“div.sortable”).sortable({
handle: “.sortable-handle”,
revert: true,
axis: ‘y’,
scroll: true,
cancel: “div.layerContents”,
start: function(event){$(this).css(“cursor”,”grabbing”);
},
stop: function(event){$(this).css(“cursor”,”default”);
},
update: geuswebmap.sortupdate
});
//$( “div.sortable” ).disableSelection();//
// Make divs draggable and resizable
$(“div#mapdetails”).draggable({handle: “.topTitle”,containment: ‘parent’});
$(“div#mapdetails”).resizable();
$(“div#mapdetails .topTitle”).css(“cursor”, “move”);
//
// Try to enable closing floating divs using esc-key.
try {
$(‘body’).keydown(function (e) {
if (e.keyCode === 27) {
$(“.glyphicon-remove:visible”).last().click();
}
});
} catch (eee) {
}// If no layers selected, open the first layer group
if ($(“input[type=checkbox]:visible”).size() === 0) {
$(“a.list-group-item”).first().click();
}}
;// TODO: This should go into the geuswebmap object
function videoEmbed(url) {
// Do the same as when embedding metadata in the page
$(“div#dialogDiv”).html(“” +
“” +
“<video id=’videoembed’ style=’width:100%;height:100%;’ poster=’img/loading_video.gif’ id=’video’ preload=’metadata’ controls autoplay>” +
“<source src='” + url + “‘ type=’video/mp4’/>” +
“</video>” +
““);
$(“div.modal#featureinfo”).modal();
}function imageEmbed(url) {
// Same as above – just for images
$(“div#dialogDiv”).html(““);
$(“div#dialogDiv”).append(“
“);
$(“div#dialogDiv img#imgembed”).one(“load”,function() { $(“div#dialogDiv img#imgembed”).fadeIn(); $(“div#dialogDiv img#embedLoading”).hide(); });
$(“div.modal#featureinfo”).modal();
}// Extra functionality
// Create compatiblity with registered egdi layers in GEUS’ db
</script>
</body>
</html>
You must be logged in to reply to this topic.
921526
921524
919244
916783
915526
915524
915354
915129
914037
909862
908811
908810
908500
908465
908464
908300
907963
907895
907477
902002
901301
901106
901105
901104
901024
901017
900393
900392
900391
900390
899038
898980
896844
896798
896797
895983
895850
895848
893740
893036
891671
891670
891336
891017
890865
889894
889741
889058
888157
887960
887768
886321
886306
885519
884948
883951
881340
881339
880491
878671
878351
877678
