var mapframe_dataset_list, mapframe_file_list, datasetSelect, file_list, bboxDataset, bboxFiles, formats, sf;
var tiles = [];
var DlSet = {};
DlSet.urls = [];
DlSet.names = [];
function updateFormats() {
var in_options = {
'internalProjection': mapframe_dataset_list.baseLayer.projection,
'externalProjection': new OpenLayers.Projection("EPSG:4326")
};
var out_options = {
'internalProjection': mapframe_dataset_list.baseLayer.projection,
'externalProjection': new OpenLayers.Projection("EPSG:900913")
};
var gmlOptions = {
featureType: "feature",
featureNS: "http://example.com/feature"
};
var gmlOptionsIn = OpenLayers.Util.extend(
OpenLayers.Util.extend({}, gmlOptions),
in_options
);
var gmlOptionsOut = OpenLayers.Util.extend(
OpenLayers.Util.extend({}, gmlOptions),
out_options
);
var kmlOptionsIn = OpenLayers.Util.extend(
{extractStyles: true}, in_options);
formats = {
'in': {
wkt: new OpenLayers.Format.WKT(in_options),
geojson: new OpenLayers.Format.GeoJSON(in_options),
georss: new OpenLayers.Format.GeoRSS(in_options),
gml2: new OpenLayers.Format.GML.v2(gmlOptionsIn),
gml3: new OpenLayers.Format.GML.v3(gmlOptionsIn),
kml: new OpenLayers.Format.KML(kmlOptionsIn),
atom: new OpenLayers.Format.Atom(in_options),
gpx: new OpenLayers.Format.GPX(in_options)
},
'out': {
wkt: new OpenLayers.Format.WKT(out_options),
geojson: new OpenLayers.Format.GeoJSON(out_options),
georss: new OpenLayers.Format.GeoRSS(out_options),
gml2: new OpenLayers.Format.GML.v2(gmlOptionsOut),
gml3: new OpenLayers.Format.GML.v3(gmlOptionsOut),
kml: new OpenLayers.Format.KML(out_options),
atom: new OpenLayers.Format.Atom(out_options),
gpx: new OpenLayers.Format.GPX(out_options)
}
};
}
function init(){
//generate 2 Mapframes
//add active class to dataset info before showing map, afterwords remove it!
$('#dataset_info').toggleClass('active');
mapframe_dataset_list = new OpenLayers.Map('mapframe_dataset_list');
$('#dataset_info').toggleClass('active');
$('#representations').toggleClass('active');
mapframe_file_list = new OpenLayers.Map('mapframe_file_list');
$('#representations').toggleClass('active');
var wms1 = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"https://sg.geodatenzentrum.de/wms_topplus_web_open?", {layers: "web_grau",transparent: "false",format: "image/png"}, {singleTile: true, isBaseLayer: true});
var wms11 = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://www2.demis.nl/wms/wms.ashx?wms=WorldMap&", {layers: "Bathymetry,Countries,Topography,Hillshading,Coastlines,Waterbodies,Rivers,Streams,Railroads,Highways,Roads,Borders,Cities,Settlements,Airports"}, {singleTile: true});
//var wms_osm = new OpenLayers.Layer.WMS( "OpenLayers WMS",
// "http://osm.omniscale.net/proxy/service?", {layers: 'osm'}, {singleTile: true});
//var wms_osm = new OpenLayers.Layer.WMS( "OpenLayers WMS",
// "http://osm.omniscale.net/proxy/service?", {layers: 'osm'}, {singleTile: true});
var wms2 = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://sg.geodatenzentrum.de/wms_topplus_open?", {layers: "web_grau",transparent: "false",format: "image/png"}, {singleTile: true, isBaseLayer: true});
var wms22 = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://www2.demis.nl/wms/wms.ashx?wms=WorldMap&", {layers: "Bathymetry,Countries,Topography,Hillshading,Coastlines,Waterbodies,Rivers,Streams,Railroads,Highways,Roads,Borders,Cities,Settlements,Airports"}, {singleTile: true});
//Vector layer for the georss polygons of the service feed - maybe more than one
bboxDataset = new OpenLayers.Layer.Vector("Dataset bounding boxes");
//Vector layer for the georss polygons of one single data feed entry - maybe more than one if the dataset is tiled into different sections
bboxFiles = new OpenLayers.Layer.Vector("File bounding boxes");
mapframe_dataset_list.addLayers([wms1]);
mapframe_dataset_list.addLayers([bboxDataset]);
mapframe_dataset_list.addControl(new OpenLayers.Control.MousePosition());
mapframe_dataset_list.addControl(new OpenLayers.Control.PanPanel());
mapframe_file_list.addLayers([wms2]);
mapframe_file_list.addLayers([bboxFiles]);
mapframe_file_list.addControl(new OpenLayers.Control.MousePosition());
mapframe_file_list.addControl(new OpenLayers.Control.PanPanel());
updateFormats();
/*
* generate gazetteer search form
*/
var options = {
id: "search_field",
inputWidth: 300,
searchEpsg: "4326",
maxResults: 15,
gazetteerUrl: "https://" + location.hostname + "/mapbender/geoportal/gaz_geom_mobile.php?",
isGeonames: false,
minLength: 3,
delay: 3,
drawCentrePoint: true,
latLonZoomExtension: 0.1,
zIndex: 100,
gazetteerFrontImageOn: "../img/button_blue_red/gazetteer3_on.png"
}
var formContainer = $(document.createElement('form')).attr({'id':'json-autocomplete-gazetteer'}).appendTo('#' + options.id);
formContainer.submit(function() {
return false;
});
if (options.isDraggable){
//formContainer.draggable();//problem with print module
}
var symbolForInput = $(document.createElement('img')).appendTo(formContainer);
symbolForInput.attr({'id':'symboldForInputId'});
symbolForInput.attr({'src':options.gazetteerFrontImageOn});
symbolForInput.attr({'title':'Geographic names'});
/*$("#symboldForInputId").click(function() {
that.toggleInput();
});*/
var inputAddress = $(document.createElement('input')).appendTo(formContainer);
inputAddress.attr({'id':'geographicName'});
//default value
inputAddress.val('Search for addresses');
inputAddress.click(function() {
inputAddress.val('');
});
inputAddress.css('width',options.inputWidth);
$(function() {
$( "#geographicName" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: options.gazetteerUrl,
dataType: "jsonp",
data: {
outputFormat: 'json',
resultTarget: 'web',
searchEPSG: options.searchEpsg,
maxResults: options.maxResults,
maxRows: options.maxResults,
searchText: request.term,
featureClass: "P",
style: "full",
name_startsWith: request.term
},
success: function( data ) {
if (options.isGeonames) {
response( $.map( data.geonames, function( item ) {
return {
label: item.name+" - "+item.fclName+" - "+item.countryName,
minx: item.lng-options.latLonZoomExtension,
miny: item.lat-options.latLonZoomExtension,
maxx: item.lng+options.latLonZoomExtension,
maxy: item.lat+options.latLonZoomExtension
}
}));
} else {
response( $.map( data.geonames, function( item ) {
return {
label: item.title,
minx: item.minx,
miny: item.miny,
maxx: item.maxx,
maxy: item.maxy
}
}));
}
}
});
},
minLength: options.minLength,
delay: options.delay,
select: function( event, ui ) {
//that.zoomToExtent("EPSG:"+options.searchEpsg,ui.item.minx,ui.item.miny,ui.item.maxx,ui.item.maxy);
var bounds= new OpenLayers.Bounds(ui.item.minx,ui.item.miny,ui.item.maxx,ui.item.maxy);
mapframe_file_list.zoomToExtent(bounds);
},
open: function() {
$( "#search_field" ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
//set zindex of ui-autocomplete to high value to show text above map widget
$('.ui-autocomplete').css('z-index', 99999999999999);
},
close: function() {
$( "#search_field" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
}
});
});
/*
* end of search form
*/
try {
var django = document.getElementById("django").getAttribute("value");
}
catch(err) {
var django = false;
}
if (document.getElementById("user_id").getAttribute("value") == 2 || django != "true"){
sf = new OpenLayers.Control.SelectFeature(bboxFiles);
mapframe_file_list.addControl(sf);
sf.activate();
}else{
var b1 = new OpenLayers.Control.Button({
trigger: function() { sf.multi.deactivate();sf.square.activate();},
displayClass: "square"
});
var b2 = new OpenLayers.Control.Button({
trigger: function() { sf.multi.activate();sf.square.deactivate();},
displayClass: "navigate"
});
var vpanel = new OpenLayers.Control.TextButtonPanel({
//vertical: true,
additionalClass: "vpanel"
});
vpanel.addControls([
b1,b2
]);
mapframe_file_list.addControl(vpanel);
sf = {
square: new OpenLayers.Control.SelectFeature(
[bboxFiles],
{
clickout: false, toggle: false,
multiple: false, hover: false,
toggleKey: "ctrlKey", // ctrl key removes from selection
multipleKey: "shiftKey", // shift key adds to selection
onBeforeSelect: function(e) {
//this should pretend the selection of mor than x features when using the async download option ;-), put $maxTiles = x; in atomfeedclient.conf
if (e.layer.selectedFeatures.length >= 20) {
//alert("Only allowed per download");
return false;
}
//console.log(e);
},
box: true
}
),
multi: new OpenLayers.Control.SelectFeature(
[bboxFiles],
{
clickout: true, toggle: false,
multiple: false, hover: false,
toggleKey: "ctrlKey", // ctrl key removes from selection
multipleKey: "shiftKey"//, // shift key adds to selection
}
)
};
mapframe_file_list.addControl(sf.multi);
mapframe_file_list.addControl(sf.square);
sf.multi.activate();
}
//initialize mapframes
mapframe_dataset_list.setCenter(new OpenLayers.LonLat(7, 50), 7);
mapframe_file_list.setCenter(new OpenLayers.LonLat(7, 50), 7);
resetForm();
//start parsing when no empty string was found in input for url
if ($('#download_feed_url').val() != "") {
resetForm();
method = "getServiceFeedObjectFromUrl";
data = $("#download_feed_url").val();
//call server by ajax function
callServer(data,method);
}
//initialize button for load service feed - the first feed will be parsed.
$(document).ready(function(e) {
$('#download_feed_button').click(function() {
resetForm();
method = "getServiceFeedObjectFromUrl";
data = $("#download_feed_url").val();
//call server by ajax function
callServer(data,method);
});
$('.example_service_feed').click(function() {
//alert('click');
resetForm();
method = "getServiceFeedObjectFromUrl";
data = $( this ).attr('value');
//call server by ajax function
callServer(data,method);
});
$('#stop_parsing').click(function () {
alert("test");
});
});
//don't show elements of dataset feed
//
}
//central function to call server by ajax, result is a featureCollection which is generated by mapbenders server component
function callServer(data,method,id) {
if (id === undefined) id = 0;
//alert("ajax call begin");
if (method == "getServiceFeedObjectFromUrl") {
//$("#parse_service_feed_modal").toggle();
$("#loading_image_service").css("display","block");
}
if (method == "getDatasetFeedObjectFromUrl") {
//$("#parse_dataset_feed_modal").toggle();
$("#loading_image_dataset").css("display","block");
}
$.ajax({
url: '../plugins/mb_downloadFeedServer.php',
type: "post",
async: false, //cause reading the first feed may take longer than the second
data: {url: data, method: method , id: id},
dataType: "json",
success: function(result) {
if (method == "getServiceFeedObjectFromUrl") {
//hide modal
//$("#parse_dataset_feed_modal").toggle();
$("#loading_image_service").css("display","none");
//select tab
$('#mytabs a[href="#dataset_info"]').tab('show');
//draw georss polygons from service feed
drawMetadataPolygons(result);
//show datasets in a dropdown list
showDatasetList(result);
}
if (method == "getDatasetFeedObjectFromUrl") {
//function to draw bboxes of single link to data tile and the corresponding list of tiles
//alert("ajax datasetfeed read!");
//hide modal
//$("#parse_service_feed_modal").toggle();
$("#loading_image_dataset").css("display","none");
//select tab
//$('#mytabs a[href="#representations"]').tab('show');
showDatasetEntryList(result, id);
}
}
});
return false;
}
function resetForm() {
//reset form
//don't show elements of dataset feed
$("#representation_select").css("display","none");
$("#representation_info").css("display","none");
$("#dataset_information").css("display","none");
$("#capabilities_hybrid").css("display","none");
$("#label_capabilities_hybrid").css("display","none");
$("#label_dataset_select").css("display","none");
//change size of outer fieldset
$("#client").css("height","450px");
$("#download_link_list").remove();
$("#download_link").remove();
//$('#dataset_select').remove();
$("#tab_header_number_datasets").text("");
$("#tab_header_number_representations").text("");
$("#number_of_tiles").text("");
$('.selectpicker').selectpicker('destroy');
//$('.dropdown-toggle').dropdown()
}
function showDatasetList(featureCollection,id) {
resetForm();
if (id === undefined) id = 0;
if (featureCollection == null) {
alert("No parseable content found");
return false;
}
//remove old dataset select option
$('#dataset_select').remove();
//delete identifier anchor
$('#dataset_identifier_link').remove();
//delete capabilities anchor
$('#capabilities_link').remove();
//delete old entries
var datasetSelect = $(document.createElement('select')).appendTo('#dataset_list');
datasetSelect.attr({'id':'dataset_select'});
var selectOptions = "";
//iterate over all single features which can be identified with the entries of the inspire service feed
for(var i=0; i"+featureCollection.features[i].properties.title+"";
}
//add number of datasets to tab header
$("#tab_header_number_datasets").text(" "+"("+featureCollection.features.length+")");
datasetSelect.append(selectOptions);
//following has to be enabled for boootstrap selectboxes
datasetSelect.addClass('selectpicker');
datasetSelect.attr({'data-style':'btn-primary'});
datasetSelect.attr({'data-width':'100%'});
datasetSelect.attr({'data-live-search':'true'});
$("#dataset_information").css("display","block");
$("#label_dataset_select").css("display","block");
//preselect option
$("#dataset_select option[optionid='" + id + "']").attr("selected","selected");
$('#dataset_select').bind('change', function() {
var $this = $(this);
optionSelected = $(this).find('option:selected').attr('optionid');
//alert(optionSelected);
showDatasetList(featureCollection,optionSelected);
//zoom viewer to extent and highlight vector of current extent
drawMetadataPolygon(featureCollection.features[optionSelected]);
method = "getDatasetFeedObjectFromUrl";
data = $this.val();
//resetForm();
callServer(data,method);
});
method = "getDatasetFeedObjectFromUrl";
//call second feed with first entry for default
data = featureCollection.features[0].properties.datasetFeedLink;
$('.selectpicker').selectpicker('refresh');
datasetFeedObject = callServer(data,method);
}
function showDatasetEntryList(featureCollection, id) {
if (id === undefined) id = 0;
if (featureCollection == null) {
alert("No parseable content found");
return false;
}
//remove old select element for the different possible representations (formats, crs, ...)
$('#dataset_representation_list').empty();
//generate new select element
var datasetEntrySelect = $(document.createElement('select')).appendTo('#dataset_representation_list');
datasetEntrySelect.attr({'id':'dataset_representation_select'});
//initialize options
var selectROptions = "";
//iterate over all possible representations, which are modeled as entries in the dataset feed (here features of the featureCollection)
for(var i=0; i"+featureCollection.features[i].properties.title+"";
}
$("#tab_header_number_representations").text(" "+"("+featureCollection.features.length+")");
datasetEntrySelect.append(selectROptions);
//following has to be enabled for boootstrap selectboxes
datasetEntrySelect.addClass('selectpicker');
datasetEntrySelect.attr({'data-style':'btn-primary'});
datasetEntrySelect.attr({'data-width':'100%'});
datasetEntrySelect.selectpicker('refresh');
fillSectionList(featureCollection, id);
$('#dataset_representation_select').bind('change', function() {
var $this = $(this);
DlSet.urls = [];
DlSet.names = [];
fillSectionList(featureCollection,$this.val());
});
}
function fillSectionList(featureCollection, k) {
//console.log(featureCollection)
bboxFiles.removeAllFeatures();
$('#section_option').remove();
//initialize option string
var selectFOptions = "";
//count number of links in representation
var numberOfLinks = featureCollection.features[k].properties.link.length;
if (numberOfLinks >= 1 || numberOfLinks === undefined) {
//show list
$("#representation_select").css("display","block");
//deactivate mapframe2 by default
$("#mapframe_file_list").css("display","none");
//$("#multi_select").css("display","none");
$("#representation_info").css("display","block");
//extent size of outer fieldset
$("#client").css("height","730px");
} else {
alert("No links to datasets or parts of them found in feed!");
}
$("#download_link_list").remove();
downloadLinkList = $(document.createElement('ul')).appendTo('#section_list');
downloadLinkList.attr({'id':'download_link_list'});
for (var i = 0; i < numberOfLinks; i++) {
if (featureCollection.features[k].properties.link[i]['@attributes'].bbox == '' || featureCollection.features[k].properties.link[i]['@attributes'].bbox === undefined) {
//show simple link foreach part
//$("#download_link").remove();
//show Downloadlink
if (featureCollection.features[k].properties.link[i]['@attributes'].length == '' || featureCollection.features[k].properties.link[i]['@attributes'].length === undefined) {
downloadLink = "