no obs for this date and/or parameterClick for timeseries"; metadataPopup.setContentHTML(popupContent); //metadataPopup.setSize(new OpenLayers.Size(180, 50)); metadataPopup.updateSize(); } function clickOnObs(e) { markersLayer.map.removePopup(metadataPopup); metadataPopup = null; if (popup != null) { //feature.destroyPopup(); markersLayer.map.removePopup(popup); window.clearInterval(loadingId); } debugTimes += new Date().getTime() + " start clickOnObs" + "\n"; activeFeature = this; popupPresent = false; // create popup. This method calls the obs and model data request functions if (plot == null) { createObsModelPopup(this, 10, calendar.date.getTime() - (10 * MILLIS_IN_DAY), calendar.date.getTime()); } else { newDataIsFwd = null; var min = plot.getAxes().xaxis.min; var max = plot.getAxes().xaxis.max; var ndays = Math.ceil((max - min) / MILLIS_IN_DAY); maxNDays = ndays; earliestStartTime = min; latestEndTime = max; endChange = 0; startChange = 0; createObsModelPopup(this, ndays, min, max); } Event.stop(e); } function createObsModelPopup(feature, ndaysLocal, startTime, endTime) { if (!feature) { feature = this.activeFeature; popupPresent = false; ndays += ndaysLocal; maxNDays = ndays > maxNDays ? ndays : maxNDays; } else { ndays = ndaysLocal; maxNDays = ndays > maxNDays ? ndays : maxNDays; } if (ndays < maxNDays) { document.getElementById('maxUnzoomLeft').src = "images/max_unzoom.png"; document.getElementById('maxUnzoomLeft').style.cursor = "pointer"; document.getElementById('maxUnzoomRight').src = "images/max_unzoom.png"; document.getElementById('maxUnzoomRight').style.cursor = "pointer"; } else { document.getElementById('maxUnzoomLeft').src = "images/max_unzoom_grey.png"; document.getElementById('maxUnzoomLeft').style.cursor = "default"; document.getElementById('maxUnzoomRight').src = "images/max_unzoom_grey.png"; document.getElementById('maxUnzoomRight').style.cursor = "default"; } this.feature = feature; debugTimes += new Date().getTime() + " start createObsModelPopup" + "\n"; var endDate = new Date(endTime); var startDate = new Date(startTime); numDays = Math.ceil((endDate.getTime() - startDate.getTime()) / MILLIS_IN_DAY); var year = startDate.getYear() + 1900; var month = startDate.getMonth(); var day = startDate.getDate(); var noData = isDateDisabled(startDate, year, month, day); modelValsCommaStr = ""; //check if startDate has model data available. If not search forward until find date with model data var foundFirstData = false; datesArr = new Array(); for (var iDay = 0; iDay < numDays + 1; iDay++) { milisec = endDate.getTime() - ((numDays - iDay ) * MILLIS_IN_DAY); var date = new Date(milisec); datesArr[iDay] = date; var year = date.getYear(); if (year < 1000) { year += 1900; // on IE and Opera, Date.getYear() returns YYYY (e.g. 1997) but on other browsers, YY (e.g. 97) is returned } noData = isDateDisabled(date, year, date.getMonth(), date.getDate()); if (noData == false) { if (foundFirstData == false) { startDate = date; firstDataDay = iDay; foundFirstData = true; } } else { modelValsCommaStr += "null,"; } } // get the times available for the startdate, so we can pick the earliest time. getTimesteps(activeLayer.server, { callback: gotStartDateTimes, layerName: activeLayer.id, day: makeIsoDate(startDate) }); } function gotStartDateTimes(times) { modelTimeBounds = ""; newModelTimesVals = new Array(); for (var iDay = firstDataDay; iDay < datesArr.length; iDay++) { var modelTime = makeIsoDate(datesArr[iDay]) + "T" + times[0] + "Z"; modelTimeBounds += modelTime + ","; var date = iso8601ToDate(modelTime); newModelTimesVals[iDay] = date.getTime(); } // remove trailing comma modelTimeBounds = modelTimeBounds.substr(0, modelTimeBounds.length - 1); debugTimes += new Date().getTime() + " done date calcs" + "\n"; // request the model data from ncWMS var params = { TIME: modelTimeBounds, REQUEST: "GetFeatureInfo", BBOX: map.getExtent().toBBOX(), I: map.getPixelFromLonLat(feature.marker.lonlat).x, J: map.getPixelFromLonLat(feature.marker.lonlat).y, INFO_FORMAT: 'text/xml', QUERY_LAYERS: ncwms.params.LAYERS, WIDTH: map.size.w, HEIGHT: map.size.h }; if (activeLayer.server != '') { // This is the signal to the server to load the data from elsewhere params.url = activeLayer.server; } featureInfoUrl = ncwms.getFullRequestString( params, 'wms' // We must always load from the home server ); debugTimes += new Date().getTime() + " formulated featureInfoUrl. About to get Model data" + "\n"; OpenLayers.loadURL(featureInfoUrl, '', feature, gotModelPointValues); // now that we have requested model data from ncWMS, we can fill in the times of any // null model times so that it balances for the later plot drawing request to Obs code var initialModelTimes = ""; for (var iDay = 0; iDay < firstDataDay; iDay++) { initialModelTimes += (makeIsoDate(datesArr[iDay]) + "T" + times[0] + "Z,"); } modelTimeBounds = initialModelTimes + modelTimeBounds; var timesArr = modelTimeBounds.split(","); var firstTime = iso8601ToDate(timesArr[0]).getTime(); var lastTime = iso8601ToDate(timesArr[timesArr.length - 1]).getTime(); var numDays = Math.ceil((lastTime - firstTime) / MILLIS_IN_DAY); debugTimes += new Date().getTime() + " About to get Obs data" + "\n"; // get obs data getObsValues(activeLayer.server, { callback: gotObsPointValues, layerName: activeLayer.id, bbox: bbox[0] + ',' + bbox[1] + ',' + bbox[2] + ',' + bbox[3], width: map.size.w, height: map.size.h, day: timesArr[timesArr.length - 1], id: activeFeature.data.id, ndays: numDays }); // create the popup. The data will be introduced to this from the obs // and model functions called above when they have completed. popup = feature.createPopup(false); popup.setBackgroundColor("white"); popup.setOpacity(0.95); popup.setSize(new OpenLayers.Size(120, 40)); markersLayer.map.addPopup(popup, false); document.body.style.cursor = 'wait'; //popupContent = "
getting data |'; // ensures scroll bars appear if necessary
palStr += '
';
$('paletteDiv').innerHTML = palStr;
}
// Called when the user selects a new palette in the palette selector
function paletteSelected(thePalette)
{
paletteName = thePalette;
paletteSelector.hide();
// Change the colour scale bar on the main page
$('scaleBar').src = 'wms?REQUEST=GetLegendGraphic&COLORBARONLY=true&WIDTH=1&HEIGHT=398'
+ '&PALETTE=' + thePalette + '&NUMCOLORBANDS=' + $('numColorBands').value;
updateMap(false);
}
// Decides whether to display the animation, or the tiled or untiled
// version of the ncwms layer
function setVisibleLayer(animation)
{
// TODO: repeats code above
var style = typeof activeLayer.supportedStyles == 'undefined' ? 'boxfill' : activeLayer.supportedStyles[0];
if (animation) {
setLayerVisibility(animation_layer, true);
setLayerVisibility(ncwms_tiled, false);
setLayerVisibility(ncwms_untiled, false);
} else if (style.toLowerCase() == 'vector') {
setLayerVisibility(animation_layer, false);
setLayerVisibility(ncwms_tiled, false);
setLayerVisibility(ncwms_untiled, true);
ncwms = ncwms_untiled;
} else {
setLayerVisibility(animation_layer, false);
setLayerVisibility(ncwms_tiled, true);
setLayerVisibility(ncwms_untiled, false);
ncwms = ncwms_tiled;
}
layerSwitcher.layerStates = []; // forces redraw
layerSwitcher.redraw();
}
function setLayerVisibility(layer, visible)
{
if (layer != null) {
layer.setVisibility(visible);
layer.displayInLayerSwitcher = visible;
}
}
// Gets the Z value set by the user
function getZValue()
{
// If we have no depth information, assume we're at the surface. This
// will be ignored by the map server
var zIndex = $('zValues').selectedIndex;
var zValue = $('zValues').options.length == 0 ? 0 : $('zValues').options[zIndex].firstChild.nodeValue;
return zPositive ? zValue : -zValue;
}
// Sets the permalink, i.e. the link back to this view of the page
function setPermalinkURL()
{
if (activeLayer != null) {
// Note that we must use window.top to get the containing page, in case
// the Godiva2 page is embedded in an iframe
// Watch out for trailing hashes, which screw the permalink up
var url = window.top.location.toString().replace('#', '');
url +=
'?menu=' + menu +
'&layer=' + activeLayer.id +
'&elevation=' + getZValue() +
'&time=' + isoTValue +
'&scale=' + scaleMinVal + ',' + scaleMaxVal +
'&bbox=' + map.getExtent().toBBOX();
$('permalink').innerHTML = 'Permalink | email';
$('permalink').style.visibility = 'visible';
}
}
// Sets the URL for "Open in Google Earth"
function setGEarthURL()
{
if (ncwms != null) {
// Get a URL for a WMS request that covers the current map extent
var mapBounds = map.getExtent();
var urlEls = ncwms.getURL(mapBounds).split('&');
var gEarthURL = urlEls[0];
for (var i = 1; i < urlEls.length; i++) {
if (urlEls[i].startsWith('FORMAT')) {
// Make sure the FORMAT is set correctly
gEarthURL += '&FORMAT=application/vnd.google-earth.kmz';
} else if (urlEls[i].startsWith('TIME') && timeSeriesSelected()) {
// If we can make an animation, do so
gEarthURL += '&TIME=' + $('firstFrame').innerHTML + '/' + $('lastFrame').innerHTML;
} else if (urlEls[i].startsWith('BBOX')) {
// Set the bounding box so that there are no transparent pixels around
// the edge of the image: i.e. find the intersection of the layer BBOX
// and the viewport BBOX
gEarthURL += '&BBOX=' + getIntersectionBBOX();
} else if (urlEls[i].startsWith('WIDTH')) {
gEarthURL += '&WIDTH=' + map.size.w;
} else if (urlEls[i].startsWith('HEIGHT')) {
gEarthURL += '&HEIGHT=' + map.size.h;
} else if (!urlEls[i].startsWith('OPACITY')) {
// We remove the OPACITY argument as Google Earth allows opacity
// to be controlled in the client
gEarthURL += '&' + urlEls[i];
}
}
//if (timeSeriesSelected()) {
// $('googleEarth').innerHTML = 'Open animation in Google Earth';
//} else {
// $('googleEarth').innerHTML = 'Open in Google Earth';
//}
}
}
// Returns a bounding box as a string in format "minlon,minlat,maxlon,maxlat"
// that represents the intersection of the currently-visible map layer's
// bounding box and the viewport's bounding box.
function getIntersectionBBOX()
{
var mapBounds = map.getExtent();
var mapBboxEls = mapBounds.toBBOX().split(',');
// bbox is the bounding box of the currently-visible layer
var newBBOX = Math.max(parseFloat(mapBboxEls[0]), bbox[0]) + ',';
newBBOX += Math.max(parseFloat(mapBboxEls[1]), bbox[1]) + ',';
newBBOX += Math.min(parseFloat(mapBboxEls[2]), bbox[2]) + ',';
newBBOX += Math.min(parseFloat(mapBboxEls[3]), bbox[3]);
return newBBOX;
}
// Formats the given value to numSigFigs significant figures
// WARNING: Javascript 1.5 only!
function toNSigFigs(value, numSigFigs)
{
if (!value.toPrecision) {
// TODO: do this somewhere more useful
alert("Your browser doesn't support Javascript 1.5");
return value;
} else {
return value.toPrecision(numSigFigs);
}
}
// Returns true if the user has selected a time series
function timeSeriesSelected()
{
return $('firstFrame').innerHTML != '' && $('lastFrame').innerHTML != '';
}
// Takes a BBOX string of the form "minlon,minlat,maxlon,maxlat" and returns
// the corresponding OpenLayers.Bounds object
// TODO: error checking
function getBounds(bboxStr)
{
var bboxEls = bboxStr.split(",");
return new OpenLayers.Bounds(parseFloat(bboxEls[0]), parseFloat(bboxEls[1]),
parseFloat(bboxEls[2]), parseFloat(bboxEls[3]));
}
function mouseOverFakeLink(idName)
{
$(idName).style.textDecoration = "underline";
$(idName).style.cursor = "pointer";
}
function mouseOutFakeLink(idName)
{
$(idName).style.textDecoration = "none";
$(idName).style.cursor = "default";
}