Created custom version of webmaps for inclusion in iframes.

.gitattributes

@@ -2,6 +2,7 @@
 scripts/mkEvents.csh -text
 www/.htaccess -text
 www/copyright.inc.de -text
+www/eventsXML.js -text
 www/external/TileLayer.Grayscale.js -text
 www/external/css/dvf.css -text
 www/external/css/leaflet.label.css -text

www/events.js

@@ -22,6 +22,68 @@
 	$Id$
 */
 
+/* process loaded events */
+function processEvents(xml, target) {
+	$(xml).find('event').each(function () {
+		var id = $(this).attr('publicID').split('/')[2];
+		var mag = $(this).find('magnitude > mag > value').text();
+		var otime = $(this).find('origin > time > value').text();
+		var lng = $(this).find('origin > longitude > value').text();
+		var lat = $(this).find('origin > latitude > value').text();
+		var depth = $(this).find('origin > depth > value').text();
+		var evaluationMode = $(this).find('origin > evaluationMode').text();
+		var evaluationStatus = $(this).find('origin > evaluationStatus').text();
+		var type = $(this).find('type').last().text();
+		var location
+		// get location, try this in order:
+		// regional map name, given value, cached value,  or nominatim lookup
+		geolocationTable[id] ? null : getGeolocation(id, lat, lng); // do AJAX lookup if not cached, location will be updated later
+		location = ( geolocationTable[id] || getLocation(lat, lng)[0] || $(this).find('description > text').text() );
+		// create table row: Date, Time, Mag, Location
+		if ( !eventTable[id] && $.inArray(type, config['event']['typeWhitelist'] )+1 && $.inArray(evaluationStatus, config['event']['evaluationBlacklist'])<0 && Number(mag)+0.05 >= config['event']['minMag'] ) {
+			// general event info (1st line)
+			var row = '<tr class="tablesorter-hasChildRow">'
+					+ '<td class="utctime-date">'+otime.split('.')[0]+'Z</td>'
+					+ '<td class="utctime-time">'+otime.split('.')[0]+'Z</td>'
+					+ sprintf('<td class="ar">%.1f</td>', Number(mag))
+					+ '<td><a href="#" class="toggle" eventid="'+id+'">'+location+'</a> <a class="map-link" href="#" eventid="'+id+'">Karte</a></td>'
+					+ '</tr>';
+			// setting up event details (2nd line)
+			row += '<tr class="tablesorter-childRow event-details">'
+				+ '<td colspan="4" eventid="'+id+'">Daten werden geladen ...</td></tr>';
+			// setting up download links (3nd line)
+			var xmlurl = sprintf('%s?formatted=true&includearrivals=true&eventid=%s', config['ajax']['eventURL'], id);
+			var oTime = new Date(otime);
+			var sTime = new Date(oTime.getTime()-10*1000.-oTime.getMilliseconds());
+			var eTime = new Date(oTime.getTime()+50*1000.-oTime.getMilliseconds());
+			var mseedurl = sprintf('%s?net=GE,GR,RN&cha=EH?,HH?&start=%04d-%02d-%02dT%02d:%02d:%02d&end=%04d-%02d-%02dT%02d:%02d:%02d', config['ajax']['mseedURL'], Number(sTime.getUTCFullYear()), Number(sTime.getUTCMonth())+1, Number(sTime.getUTCDate()), Number(sTime.getUTCHours()), Number(sTime.getUTCMinutes()), Number(sTime.getUTCSeconds()), Number(eTime.getUTCFullYear()), Number(eTime.getUTCMonth())+1, Number(eTime.getUTCDate()), Number(eTime.getUTCHours()), Number(eTime.getUTCMinutes()), Number(eTime.getUTCSeconds()));
+			row +=  '<tr class="tablesorter-childRow event-download">'
+				+ '<td colspan="4" eventid="'+id+'">'
+				+ sprintf('Download <a class="xml-link" target="_blank" download="%s.xml" href="%s">QuakeML</a> or <a class="mseed-link" target="_blank" download="%s.mseed" href="%s">miniSEED</a>', id, xmlurl, id, mseedurl)
+				+ '</td></tr>';
+			// add row to table
+			if ( sTime <= oTime && eTime >= oTime ) {
+				addTableRow(row, 'eventstable');
+			};
+			if ( target ) {
+				addTableRow(row, target);
+			}
+			// create marker
+			if ((sTime <= oTime && eTime >= oTime ) || ( id == eventid )) {
+				var marker = addEventMarker(id, Number(lat), Number(lng), Number(mag), type);
+				var text = sprintf('<h3 eventid="%s">%s</h3>', id, location)
+						+ sprintf('<p>Ereignis: %s</br>', id)
+						+ sprintf('Type: %s</br>', type)
+						+ sprintf('Magnitude: %3.1f</br>', Number(mag))
+						+ sprintf('Ort: %.4f °N, %.4f °O </br>', Number(lat), Number(lng))
+						+ sprintf('Tiefe: %.1f km</br>', Number(depth)/1000.)
+						+ sprintf('Zeit: <span class="utctime">%sZ</span></p>', otime.split('.')[0], otime.split('.')[0]);
+				marker.bindPopup(text);
+			};
+		};
+	});
+};
+
 /* adding row(s) to a table and format date strings afterwards */
 function addTableRow(row, table) {
 	var added = $('#'+table+' tbody').append(row);
@@ -54,8 +116,6 @@ function getGeolocation(id, lat, lng) {
 					$("#eventstable").trigger("update", [true]);
 					$("#eventstable").trigger("updateCache");
 					$("#eventstable").trigger("sorton", [sort]);
-				} else {
-					console.log("Nominatim did not provide a city tag for "+lat+" / "+lng);
 				};
 			})
 			.fail(function( jqxhr, textStatus, error ) {
@@ -66,7 +126,7 @@ function getGeolocation(id, lat, lng) {
 };
 
 /* Load events using ajax */
-function ajaxLoadEvents(stime, etime, eventid, url, target) {
+function ajaxLoadEvents(startup, stime, etime, eventid, url, target) {
 	var mapBounds = map.getBounds();
 	var request_data = {};
 	var rtime;
@@ -101,85 +161,30 @@ function ajaxLoadEvents(stime, etime, eventid, url, target) {
 		};
 	};
 	if ( etime == '' || !etime  ) { etime = new Date(); };
-	$.ajax({
+	if ( startup ) {
-		type: "GET",
+		processEvents(eventsXML, false);
-		url: ajax_url,
+	} else {
-		data: request_data,
+		$.ajax({
-		dataType: "xml",
+			type: "GET",
-		success: function (xml) {
+			url: ajax_url,
-			$(xml).find('event').each(function () {
+			data: request_data,
-				var id = $(this).attr('publicID').split('/')[2];
+			dataType: "xml",
-				var mag = $(this).find('magnitude > mag > value').text();
+			success: function ( xml ) { processEvents(xml, target) },
-				var otime = $(this).find('origin > time > value').text();
+			complete: function () {
-				var lng = $(this).find('origin > longitude > value').text();
+				var sort = [[0,1],[1,1],[2,1]];
-				var lat = $(this).find('origin > latitude > value').text();
+				$("#eventstable").trigger("update", [true]);
-				var depth = $(this).find('origin > depth > value').text();
+				$("#eventstable").trigger("updateCache");
-				var evaluationMode = $(this).find('origin > evaluationMode').text();
+				$("#eventstable").trigger("sorton", [sort]);
-				var evaluationStatus = $(this).find('origin > evaluationStatus').text();
+				initMapLink();
-				var type = $(this).find('type').last().text();
+				eventLayer.bringToBack();
-				var location
+				highlightFirstEvent();
-				// get location, try this in order:
+			},
-				// regional map name, given value, cached value,  or nominatim lookup
+			error: function( jqxhr, textStatus, error ) {
-				geolocationTable[id] ? null : getGeolocation(id, lat, lng); // do AJAX lookup if not cached, location will be updated later
+				var err = textStatus + ", " + error;
-				location = ( geolocationTable[id] || getLocation(lat, lng)[0] || $(this).find('description > text').text() );
+				console.log( "Request Failed: " + err );
-				// create table row: Date, Time, Mag, Location
+			}
-				if ( !eventTable[id] && $.inArray(type, config['event']['typeWhitelist'] )+1 && $.inArray(evaluationStatus, config['event']['evaluationBlacklist'])<0 && Number(mag)+0.05 >= config['event']['minMag'] ) {
+		});
-					// general event info (1st line)
+	};
-					var row = '<tr class="tablesorter-hasChildRow">'
-							+ '<td class="utctime-date">'+otime.split('.')[0]+'Z</td>'
-							+ '<td class="utctime-time">'+otime.split('.')[0]+'Z</td>'
-							+ sprintf('<td class="ar">%.1f</td>', Number(mag))
-							+ '<td><a href="#" class="toggle" eventid="'+id+'">'+location+'</a> <a class="map-link" href="#" eventid="'+id+'">Karte</a></td>'
-							+ '</tr>';
-					// setting up event details (2nd line)
-					row += '<tr class="tablesorter-childRow event-details">'
-						+ '<td colspan="4" eventid="'+id+'">Daten werden geladen ...</td></tr>';
-					// setting up download links (3nd line)
-					var xmlurl = sprintf('%s?formatted=true&includearrivals=true&eventid=%s', config['ajax']['eventURL'], id);
-					var oTime = new Date(otime);
-					var sTime = new Date(oTime.getTime()-10*1000.-oTime.getMilliseconds());
-					var eTime = new Date(oTime.getTime()+50*1000.-oTime.getMilliseconds());
-					var mseedurl = sprintf('%s?net=GE,GR,RN&cha=EH?,HH?&start=%04d-%02d-%02dT%02d:%02d:%02d&end=%04d-%02d-%02dT%02d:%02d:%02d', config['ajax']['mseedURL'], Number(sTime.getUTCFullYear()), Number(sTime.getUTCMonth())+1, Number(sTime.getUTCDate()), Number(sTime.getUTCHours()), Number(sTime.getUTCMinutes()), Number(sTime.getUTCSeconds()), Number(eTime.getUTCFullYear()), Number(eTime.getUTCMonth())+1, Number(eTime.getUTCDate()), Number(eTime.getUTCHours()), Number(eTime.getUTCMinutes()), Number(eTime.getUTCSeconds()));
-					row +=  '<tr class="tablesorter-childRow event-download">'
-						+ '<td colspan="4" eventid="'+id+'">'
-						+ sprintf('Download <a class="xml-link" target="_blank" download="%s.xml" href="%s">QuakeML</a> or <a class="mseed-link" target="_blank" download="%s.mseed" href="%s">miniSEED</a>', id, xmlurl, id, mseedurl)
-						+ '</td></tr>';
-					// add row to table
-					if ( stime <= oTime && etime >= oTime ) {
-						addTableRow(row, 'eventstable');
-					};
-					if ( target ) {
-						addTableRow(row, target);
-					}
-					// create marker
-					if ((stime <= oTime && etime >= oTime ) || ( id == eventid )) {
-						var marker = addEventMarker(id, Number(lat), Number(lng), Number(mag), type);
-						var text = sprintf('<h3 eventid="%s">%s</h3>', id, location)
-								+ sprintf('<p>Ereignis: %s</br>', id)
-								+ sprintf('Type: %s</br>', type)
-								+ sprintf('Magnitude: %3.1f</br>', Number(mag))
-								+ sprintf('Ort: %.4f °N, %.4f °O </br>', Number(lat), Number(lng))
-								+ sprintf('Tiefe: %.1f km</br>', Number(depth)/1000.)
-								+ sprintf('Zeit: <span class="utctime">%sZ</span></p>', otime.split('.')[0], otime.split('.')[0]);
-						marker.bindPopup(text);
-					};
-				};
-			});
-		},
-		complete: function () {
-			var sort = [[0,1],[1,1],[2,1]];
-			$("#eventstable").trigger("update", [true]);
-			$("#eventstable").trigger("updateCache");
-			$("#eventstable").trigger("sorton", [sort]);
-			initMapLink();
-			eventLayer.bringToBack();
-			highlightFirstEvent();
-		},
-		error: function( jqxhr, textStatus, error ) {
-			var err = textStatus + ", " + error;
-			console.log( "Request Failed: " + err );
-		}
-	});
 	// create events csv download link
 	request_data['format'] = 'text';
 	if ( eventid == '' || !eventid ) { $('#events-csv-link').attr('href', config['ajax']['eventURL']+'?'+$.param(request_data)) };
@@ -281,6 +286,7 @@ function toggleFilteredMarkers() {
 /* Highlight the first event of the event list on the map if no
  * other event is selected                                      */
 function highlightFirstEvent() {
+	$('div.info').show()
 	var highlightStyle = {
 		color: config['event']['markerColorH'],
 		fillColor: config['event']['markerColorH'],
@@ -306,6 +312,7 @@ function highlightFirstEvent() {
 			$(this).text('Karte (rot)');
 		};
 	});
+	$('div.info').hide()
 };
 
 function highlightEvent( id ) {

www/index.html.de

@@ -15,7 +15,6 @@
 	<link rel="stylesheet" href="external/leaflet.css" />
 	<!-- link rel="stylesheet" href="external/css/dvf.css" type="text/css" media="screen" / -->
 	<link rel="stylesheet" href="external/css/leaflet.label.css" type="text/css" media="screen" />
-	<link rel="stylesheet" href="external/easyPrint.css"/>
 
 	<!-- jQuery & jQueryUI -->
 	<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
@@ -38,7 +37,6 @@
 	<script type="text/javascript" src="external/leaflet-dvf.markers.min.js"></script>
 	<script type="text/javascript" src="external/leaflet.label.js"></script>
 	<script src="external/jQuery.print.js"></script>
-	<script src="external/leaflet.easyPrint.js"></script>
 
 	<!-- Map, Events & Stations -->
 	<script type="text/javascript" src="misc.js"></script>
@@ -47,6 +45,7 @@
 	<script type="text/javascript" src="map.js"></script>
 	<script type="text/javascript" src="events.js"></script>
 	<script type="text/javascript" src="stations.js"></script>
+	<script type="text/javascript" src="eventsXML.js"></script>
 </head>
 
 <body>

www/map.js

@@ -183,11 +183,12 @@ $(document).ready(function() {
 	eventLayer = new L.MarkerGroup().addTo(map);
 
 	// load events
-	ajaxLoadEvents('', '', '', 'events.xml');
+	ajaxLoadEvents(true);
-	ajaxLoadEvents();
+	// ajaxLoadEvents(false, '', '', '', 'events.xml');
-	specialEvents.map(function(id) {
+	ajaxLoadEvents(false);
-		ajaxLoadEvents('', '', id)
+	// specialEvents.map(function(id) {
-	});
+	// 	ajaxLoadEvents(false, '', '', id)
+	//});
 	toggleFilteredMarkers();
 
 	// bind popupopen event
@@ -216,5 +217,5 @@ $(document).ready(function() {
 	});
 
 	// print icon
-	L.easyPrint().addTo(map);
+	// L.easyPrint().addTo(map);
 });

www/misc.js

@@ -106,12 +106,12 @@ var config = {
 		markerColorH: 'red',
 		minMag: 1.2,
 		minMagDelta: 0.1,
-		typeWhitelist: ['earthquake', 'induced or triggered event', 'quarry blast', 'explosion'],
+		typeWhitelist: ['earthquake', 'induced or triggered event'],
 	},
 	map: {
 		zoomDefault: 9,
 		zoomFocus: 12,
-		centerDefault: [51.85, 7.0],
+		centerDefault: [51.65, 7.2],
 		timespan: 180,
 		latlngDelta: 0.1,
 	},
@@ -129,7 +129,7 @@ var config = {
 			NL_WIT: 3,
 			NL_WTSB: 3,
 		},
-		networkBlacklist: ['NL', 'X5'],
+		networkBlacklist: ['NL', 'X5', '1A'],
 	},
 	tab: {
 		active: 0,
@@ -211,4 +211,7 @@ $(document).ready(function() {
 	}).bind("ajaxStop", function() {
 			$("#spinner").hide();
 	});
+
+	// hide info container
+	$('div.info').hide()
 });