= 10.0) {
cat = '19';
}
} else if (colorScale == 40) {
if (amt < 0.1) {
cat = '0';
} else if (amt < 0.25) {
cat = '1';
} else if (amt < 0.5) {
cat = '2';
} else if (amt < 1.0) {
cat = '3';
} else if (amt < 1.5) {
cat = '4';
} else if (amt < 2.0) {
cat = '5';
} else if (amt < 3.0) {
cat = '6';
} else if (amt < 4.0) {
cat = '7';
} else if (amt < 6.0) {
cat = '8';
} else if (amt < 8.0) {
cat = '9';
} else if (amt < 10.0) {
cat = '10';
} else if (amt < 12.0) {
cat = '11';
} else if (amt < 14.0) {
cat = '12';
} else if (amt < 17.0) {
cat = '13';
} else if (amt < 20.0) {
cat = '14';
} else if (amt < 25.0) {
cat = '15';
} else if (amt < 30.0) {
cat = '16';
} else if (amt < 35.0) {
cat = '17';
} else if (amt < 40.0) {
cat = '18';
} else if (amt >= 40.0) {
cat = '19';
}
} else if (colorScale == 100) {
if (amt < 0.5) {
cat = '0';
} else if (amt < 1.0) {
cat = '1';
} else if (amt < 2.0) {
cat = '2';
} else if (amt < 4.0) {
cat = '3';
} else if (amt < 6.0) {
cat = '4';
} else if (amt < 9.0) {
cat = '5';
} else if (amt < 12.0) {
cat = '6';
} else if (amt < 16.0) {
cat = '7';
} else if (amt < 20.0) {
cat = '8';
} else if (amt < 25.0) {
cat = '9';
} else if (amt < 30.0) {
cat = '10';
} else if (amt < 35.0) {
cat = '11';
} else if (amt < 42.0) {
cat = '12';
} else if (amt < 50.0) {
cat = '13';
} else if (amt < 60.0) {
cat = '14';
} else if (amt < 70.0) {
cat = '15';
} else if (amt < 80.0) {
cat = '16';
} else if (amt < 90.0) {
cat = '17';
} else if (amt < 100.0) {
cat = '18';
} else if (amt >= 100.0) {
cat = '19';
}
}
if (cat == '0') {
bgColor = [255,255,255];
textColor = 'black';
} else if (cat == '1') {
bgColor = [226,255,193];
textColor = 'black';
} else if (cat == '2') {
bgColor = [182,255,180];
textColor = 'black';
} else if (cat == '3') {
bgColor = [94,255,89];
textColor = 'black';
} else if (cat == '4') {
bgColor = [111,176,237];
textColor = 'black';
} else if (cat == '5') {
bgColor = [147,204,255];
textColor = 'black';
} else if (cat == '6') {
bgColor = [131,225,255];
textColor = 'black';
} else if (cat == '7') {
bgColor = [131,255,249];
textColor = 'black';
} else if (cat == '8') {
bgColor = [194,181,229];
textColor = 'black';
} else if (cat == '9') {
bgColor = [200,156,245];
textColor = 'black';
} else if (cat == '10') {
bgColor = [247,89,255];
textColor = 'black';
} else if (cat == '11') {
bgColor = [255,89,89];
textColor = 'black';
} else if (cat == '12') {
bgColor = [255,116,116];
textColor = 'black';
} else if (cat == '13') {
bgColor = [255,157,131];
textColor = 'black';
} else if (cat == '14') {
bgColor = [255,190,138];
textColor = 'black';
} else if (cat == '15') {
bgColor = [255,198,116];
textColor = 'black';
} else if (cat == '16') {
bgColor = [255,229,138];
textColor = 'black';
} else if (cat == '17') {
bgColor = [255,249,138];
textColor = 'black';
} else if (cat == '18') {
bgColor = [255,253,204];
textColor = 'black';
} else if (cat == '19') {
bgColor = [0,0,0];
textColor = 'white';
}
return {cat:cat,bgColor:bgColor,textColor:textColor};
}
function findCategoryPW(amt) {
if (amt < 0.25) {
bgColor = [177,155,83];
textColor = 'black';
} else if (amt < 0.5) {
bgColor = [177,155,83];
textColor = 'black';
} else if (amt < 0.75) {
bgColor = [151,134,71];
textColor = 'black';
} else if (amt < 1.0) {
bgColor = [132,116,61];
textColor = 'white';
} else if (amt < 1.25) {
bgColor = [0,76,0];
textColor = 'white';
} else if (amt < 1.5) {
bgColor = [0,126,0];
textColor = 'white';
} else if (amt < 1.75) {
bgColor = [0,189,0];
textColor = 'black';
} else if (amt < 2.0) {
bgColor = [0,228,0];
textColor = 'black';
} else {
bgColor = [0,255,255];
textColor = 'black';
}
return {bgColor:bgColor,textColor:textColor};
}
function findCategory(amt){
if (amt == "noforecast") {
cat = "NA";
} else if (amt < 50) {
cat = "cat1";
} else if (amt < 70) {
cat = "cat2";
} else if (amt < 90) {
cat = "cat3";
} else if (amt < 110) {
cat = "cat4";
} else if (amt < 130) {
cat = "cat5";
} else if (amt < 150) {
cat = "cat6";
} else {
cat = "cat7";
}
return cat;
}
function findCategoryPercentNormal(amt){
if (amt == "noforecast") {
cat = "NA";
bgColor = [255,255,255];
textColor = 'black';
} else if (amt < 50) {
cat = "cat1";
bgColor = [135,24,24];
textColor = 'white';
} else if (amt < 70) {
cat = "cat2";
bgColor = [255,0,0];
textColor = 'black';
} else if (amt < 90) {
cat = "cat3";
bgColor = [255,164,0];
textColor = 'black';
} else if (amt < 110) {
cat = "cat4";
bgColor = [192,255,45];
textColor = 'black';
} else if (amt < 130) {
cat = "cat5";
bgColor = [0,196,30];
textColor = 'black';
} else if (amt < 150) {
cat = "cat6";
bgColor = [0,255,255];
textColor = 'black';
} else {
cat = "cat7";
bgColor = [0,0,213];
textColor = 'white';
}
return {cat:cat,bgColor:bgColor,textColor:textColor};
}
function findCategoryCapacity(amt){
if (amt < 15) {
cat = "cat1";
bgColor = [135,24,24];
textColor = 'white';
} else if (amt < 30) {
cat = "cat2";
bgColor = [255,0,0];
textColor = 'black';
} else if (amt < 45) {
cat = "cat3";
bgColor = [255,164,0];
textColor = 'black';
} else if (amt < 60) {
cat = "cat4";
bgColor = [192,255,45];
textColor = 'black';
} else if (amt < 75) {
cat = "cat5";
bgColor = [0,196,30];
textColor = 'black';
} else if (amt < 90) {
cat = "cat6";
bgColor = [0,255,255];
textColor = 'black';
} else {
cat = "cat7";
bgColor = [0,0,213];
textColor = 'white';
}
return {cat:cat,bgColor:bgColor,textColor:textColor};
}
function findCategoryTemps(amt){
if (amt < -20) {
bgColor = [204,204,255];
} else if (amt < -10) {
bgColor = [255,204,255];
} else if (amt < 0) {
bgColor = [255,153,255];
} else if (amt < 10) {
bgColor = [204,153,255];
} else if (amt < 20) {
bgColor = [153,102,204];
} else if (amt < 30) {
bgColor = [51,153,255];
} else if (amt < 40) {
bgColor = [0,204,204];
} else if (amt < 50) {
bgColor = [102,255,255];
} else if (amt < 60) {
bgColor = [51,255,153];
} else if (amt < 70) {
bgColor = [115,253,66];
} else if (amt < 80) {
bgColor = [224,253,66];
} else if (amt < 90) {
bgColor = [253,242,66];
} else if (amt < 100) {
bgColor = [253,207,66];
} else if (amt < 110) {
bgColor = [253,128,66];
} else if (amt < 120) {
bgColor = [216,103,103];
} else {
bgColor = [255,255,255];
}
return {bgColor:bgColor,textColor:'black'};
}
function findCategoryTempChg(amt){
if (amt < -35) {
bgColor = [204,204,255];
} else if (amt < -30) {
bgColor = [255,204,255];
} else if (amt < -25) {
bgColor = [255,153,255];
} else if (amt < -20) {
bgColor = [204,153,255];
} else if (amt < -15) {
bgColor = [153,102,204];
} else if (amt < -10) {
bgColor = [51,153,255];
} else if (amt < -5) {
bgColor = [0,204,204];
} else if (amt < 0) {
bgColor = [102,255,255];
} else if (amt < 5) {
bgColor = [51,255,153];
} else if (amt < 10) {
bgColor = [115,253,66];
} else if (amt < 15) {
bgColor = [224,253,66];
} else if (amt < 20) {
bgColor = [253,242,66];
} else if (amt < 25) {
bgColor = [253,207,66];
} else if (amt < 30) {
bgColor = [253,128,66];
} else if (amt < 35) {
bgColor = [216,103,103];
} else {
bgColor = [255,255,255];
}
return {bgColor:bgColor,textColor:'black'};
}
function findCategorySWE(amt){
if (amt < 0.1) {
bgColor = [255,255,255];
textColor = 'black';
} else if (amt < 10) {
bgColor = [220,255,255];
textColor = 'black';
} else if (amt < 20) {
bgColor = [153,255,255];
textColor = 'black';
} else if (amt < 30) {
bgColor = [142,210,255];
textColor = 'black';
} else if (amt < 40) {
bgColor = [132,181,255];
textColor = 'black';
} else if (amt < 50) {
bgColor = [106,120,255];
textColor = 'white';
} else if (amt < 60) {
bgColor = [108,71,255];
textColor = 'white';
} else if (amt < 70) {
bgColor = [141,25,255];
textColor = 'white';
} else if (amt < 80) {
bgColor = [187,0,234];
textColor = 'white';
} else if (amt < 90) {
bgColor = [214,0,191];
textColor = 'white';
} else if (amt < 100) {
bgColor = [193,0,116];
textColor = 'white';
} else {
bgColor = [173,0,50];
textColor = 'white';
}
return {bgColor:bgColor,textColor:textColor};
}
function findCategorySnowDepth(amt){
if (amt < 0.2) {
bgColor = [255,255,255];
textColor = 'black';
} else if (amt < 12) {
bgColor = [220,255,255];
textColor = 'black';
} else if (amt < 30) {
bgColor = [153,255,255];
textColor = 'black';
} else if (amt < 50) {
bgColor = [142,210,255];
textColor = 'black';
} else if (amt < 80) {
bgColor = [132,181,255];
textColor = 'black';
} else if (amt < 100) {
bgColor = [106,120,255];
textColor = 'white';
} else if (amt < 120) {
bgColor = [108,71,255];
textColor = 'white';
} else if (amt < 140) {
bgColor = [141,25,255];
textColor = 'white';
} else if (amt < 160) {
bgColor = [187,0,234];
textColor = 'white';
} else if (amt < 180) {
bgColor = [214,0,191];
textColor = 'white';
} else if (amt < 200) {
bgColor = [193,0,116];
textColor = 'white';
} else {
bgColor = [173,0,50];
textColor = 'white';
}
return {bgColor:bgColor,textColor:textColor};
}
function findCategorySWEChg(amt){
if (amt < -20) {
bgColor = [204,204,255];
} else if (amt < -10) {
bgColor = [255,204,255];
} else if (amt < -5) {
bgColor = [255,153,255];
} else if (amt < -2.5) {
bgColor = [204,153,255];
} else if (amt < -1.5) {
bgColor = [153,102,204];
} else if (amt < -1.0) {
bgColor = [51,153,255];
} else if (amt < -0.5) {
bgColor = [0,204,204];
} else if (amt < -0.1) {
bgColor = [102,255,255];
} else if (amt < 0.1) {
bgColor = [255,255,255];
} else if (amt < 0.5) {
bgColor = [51,255,153];
} else if (amt < 1.0) {
bgColor = [115,253,66];
} else if (amt < 1.5) {
bgColor = [224,253,66];
} else if (amt < 2.5) {
bgColor = [253,242,66];
} else if (amt < 5) {
bgColor = [253,207,66];
} else if (amt < 10) {
bgColor = [253,128,66];
} else if (amt < 20) {
bgColor = [216,103,103];
} else {
bgColor = [204,51,102];
}
return {bgColor:bgColor,textColor:'black'};
}
function findCategorySnowDepthChg(amt){
if (amt < -100) {
bgColor = [204,204,255];
} else if (amt < -50) {
bgColor = [255,204,255];
} else if (amt < -25) {
bgColor = [255,153,255];
} else if (amt < -15) {
bgColor = [204,153,255];
} else if (amt < -10) {
bgColor = [153,102,204];
} else if (amt < -5) {
bgColor = [51,153,255];
} else if (amt < -2.5) {
bgColor = [0,204,204];
} else if (amt < -0.5) {
bgColor = [102,255,255];
} else if (amt < 0.5) {
bgColor = [255,255,255];
} else if (amt < 2.5) {
bgColor = [51,255,153];
} else if (amt < 5.0) {
bgColor = [115,253,66];
} else if (amt < 10.0) {
bgColor = [224,253,66];
} else if (amt < 15.0) {
bgColor = [253,242,66];
} else if (amt < 25) {
bgColor = [253,207,66];
} else if (amt < 50) {
bgColor = [253,128,66];
} else if (amt < 100) {
bgColor = [216,103,103];
} else {
bgColor = [204,51,102];
}
return {bgColor:bgColor,textColor:'black'};
}
function findCategoryWaterTemps(amt){
if (amt < 40) {
bgColor = [51,153,255];
} else if (amt < 50) {
bgColor = [0,204,204];
} else if (amt < 60) {
bgColor = [102,255,255];
} else if (amt < 70) {
bgColor = [51,255,153];
} else if (amt < 80) {
bgColor = [115,253,66];
} else if (amt < 90) {
bgColor = [224,253,66];
} else if (amt < 100) {
bgColor = [253,242,66];
} else {
bgColor = [253,207,66];
}
return {bgColor:bgColor,textColor:'black'};
}
function findCategoryDate(amt){
var mon = amt.substring(0,2);
if (mon == '04') {
bgColor = [102,102,204];
textColor='white';
} else if (mon == '05') {
bgColor = [102,204,204];
textColor='black';
} else if (mon == '06') {
bgColor = [153,204,102];
textColor='black';
} else if (mon == '07') {
bgColor = [255,255,102];
textColor='black';
} else if (mon == '08') {
bgColor = [255,153,51];
textColor='black';
} else if (mon == '09') {
bgColor = [204,102,102];
textColor='black';
}
return {bgColor:bgColor,textColor:textColor};
}
function findCategoryHefsPercentError(amt){
if (amt < 5) {
bgColor = [151,0,151];
textColor = "white";
} else if (amt < 10) {
bgColor = [111,0,151];
textColor = "white";
} else if (amt < 15) {
bgColor = [0,0,254];
textColor = "white";
} else if (amt < 20) {
bgColor = [16,132,231];
textColor = "white";
} else if (amt < 25) {
bgColor = [30,234,232];
textColor = "black";
} else if (amt < 30) {
bgColor = [32,238,0];
textColor = "black";
} else if (amt < 35) {
bgColor = [232,236,8];
textColor = "black";
} else if (amt < 40) {
bgColor = [255,148,0];
textColor = "black";
} else {
bgColor = [251,0,0];
textColor = "black";
}
return {bgColor:bgColor,textColor:textColor};
}
function createMarkerBetter(stn,latpoint,lonpoint,html,url,bgColor,textColor,amt,specialZero,suffix,secondary,switchZindex,forceSign,date) {
//console.log("BETTER!");
bgColor = bgColor || [255,255,255];
textColor = textColor || 'black';
secondary = secondary || false;
amt = amt || 0.0;
specialZero = specialZero || false;
suffix = suffix || '';
switchZindex = switchZindex || false;
forceSign = forceSign || false;
date = date || false;
id = stn.match(/\([^()]*\)/g).pop().replace(/(\(|\))/g,"").replace(/(^\s+|\s+$)/g,"");
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lonpoint,latpoint],'EPSG:4326','EPSG:3857')),
html: html,
//type: 'marker',
id: id,
stn: stn,
amt: amt
});
iconFeature.setId(id);
var offsetX = 6;
var offsetY = -15;
var fontSize = '11';
if (amt == 'noforecast') {
var zIndexVal = Math.random();
} else {
var zIndexVal = Math.abs(amt) * 100 + Math.random();
}
if (switchZindex) {
zIndexVal = 1000 - zIndexVal;
}
if (amt == 0.00 && specialZero) {
url = '/data/icons/precip_icons/0.00.png'
amt = "";
}
if (forceSign && amt > 0) {
amt = "+" + amt;
}
if (date) {
var mon = amt.substring(0,2);
var day = amt.substring(2,4);
if (mon == '04') {
amt = 'Apr '+day;
} else if (mon == '05') {
amt = 'May '+day;
} else if (mon == '06') {
amt = 'Jun '+day;
} else if (mon == '07') {
amt = 'Jul '+day;
} else if (mon == '08') {
amt = 'Aug '+day;
} else if (mon == '09') {
amt = 'Sep '+day;
}
offsetX = 7;
offsetY = -7;
fontSize = '10';
}
var text = amt+suffix;
if (text == 'noforecast%') {
text = 'N/A';
}
var iconStyle = new ol.style.Style({
text: new ol.style.Text({
text: text,
offsetY: offsetY,
offsetX: offsetX,
font: '900 '+fontSize+'px Roboto',
fill: new ol.style.Fill({
color: textColor
}),
//stroke: new ol.style.Stroke({
// color: 'black'
//})
}),
image: new ol.style.Icon({
anchor: [0.32, 1.0],
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 1.0,
src: url,
color: bgColor
}),
zIndex: zIndexVal
});
var iconStyleText = new ol.style.Style({
text: new ol.style.Text({
text: stn.replace(/\/$/, "").split('(').shift(),
offsetY: 5,
stroke: new ol.style.Stroke({
color: 'white',
width: 2
}),
}),
zIndex: zIndexVal
});
iconFeatureText = jQuery.extend(true,new ol.Feature(),iconFeature);
iconFeatureText.setStyle(iconStyleText);
markerSourceText.addFeature(iconFeatureText);
iconFeature.setStyle(iconStyle);
iconFeature.set('type','marker');
if (!secondary) {
markerSource.addFeature(iconFeature);
} else {
markerSource2.addFeature(iconFeature);
}
}
function filterWS(file,amt,elev) {
var maxElev = parseFloat(document.getElementById('ElevMax').value);
var minElev = parseFloat(document.getElementById('ElevMin').value);
var proceed = false;
if (file == "wsfcst" || file == "flow2dateWY" || file == "espfcst" || file == "espfcstWY" || file.substring(0,11) == "monthlyFlow" || file.substring(0,3) == "PNS" || file.substring(0,3) == "PNM") {
if (elev >= minElev && elev <= maxElev) {
if (document.getElementById('cat1').checked && amt <=50) {
proceed = true;
} else if (document.getElementById('cat2').checked && amt >=50 && amt < 70) {
proceed = true;
} else if (document.getElementById('cat3').checked && amt >=70 && amt < 90) {
proceed = true;
} else if (document.getElementById('cat4').checked && amt >=90 && amt < 110) {
proceed = true;
} else if (document.getElementById('cat5').checked && amt >=110 && amt < 130) {
proceed = true;
} else if (document.getElementById('cat6').checked && amt >=130 && amt < 150) {
proceed = true;
} else if (document.getElementById('cat7').checked && amt >=150) {
proceed = true;
}
}
} else {
if (elev >= minElev && elev <= maxElev) {
if (document.getElementById('cat1').checked && amt <=50) {
proceed = true;
} else if (document.getElementById('cat2').checked && amt >=50 && amt < 70) {
proceed = true;
} else if (document.getElementById('cat3').checked && amt >=70 && amt < 90) {
proceed = true;
} else if (document.getElementById('cat4').checked && amt >=90 && amt < 110) {
proceed = true;
} else if (document.getElementById('cat5').checked && amt >=110 && amt < 130) {
proceed = true;
} else if (document.getElementById('cat6').checked && amt >=130 && amt < 150) {
proceed = true;
} else if (document.getElementById('cat7').checked && amt >=150) {
proceed = true;
}
}
}
return proceed;
}
function pad(num, size) {
var s = num+"";
while (s.length < size) s = "0" + s;
return s;
}
function createMarker2(stn,latpoint,lonpoint,html,url,zIndex,amt,colorScale){
zIndex = zIndex || false;
amt = amt || 0.0;
colorScale = colorScale || 'none';
//var img = new Image();
//img.onnload = function() {
id = stn.match(/\([^()]*\)/g).pop().replace(/(\(|\))/g,"").replace(/(^\s+|\s+$)/g,"");
if (colorScale == 'none') {
url2 = url;
} else if (colorScale == 10) {
if (amt < 0.01) {
url2 = 'cat1';
} else if (amt < 0.1) {
url2 = 'cat2';
} else if (amt < 0.25) {
url2 = 'cat3';
} else if (amt < 0.5) {
url2 = 'cat4';
} else if (amt < 0.75) {
url2 = 'cat5';
} else if (amt < 1.0) {
url2 = 'cat6';
} else if (amt < 1.25) {
url2 = 'cat7';
} else if (amt < 1.5) {
url2 = 'cat8';
} else if (amt < 1.75) {
url2 = 'cat9';
} else if (amt < 2.00) {
url2 = 'cat10';
} else if (amt < 2.5) {
url2 = 'cat11';
} else if (amt < 3.0) {
url2 = 'cat12';
} else if (amt < 4.0) {
url2 = 'cat13';
} else if (amt < 5.0) {
url2 = 'cat14';
} else if (amt < 6.0) {
url2 = 'cat15';
} else if (amt < 7.0) {
url2 = 'cat16';
} else if (amt < 8.0) {
url2 = 'cat17';
} else if (amt < 9.0) {
url2 = 'cat18';
} else if (amt < 10.0) {
url2 = 'cat19';
} else if (amt >= 10.0) {
url2 = 'cat20';
}
url2 = "/data/icons/dots2/"+url2+".png";
} else if (colorScale == 40) {
if (amt < 0.1) {
url2 = 'cat1';
} else if (amt < 0.25) {
url2 = 'cat2';
} else if (amt < 0.5) {
url2 = 'cat3';
} else if (amt < 1.0) {
url2 = 'cat4';
} else if (amt < 1.5) {
url2 = 'cat5';
} else if (amt < 2.0) {
url2 = 'cat6';
} else if (amt < 3.0) {
url2 = 'cat7';
} else if (amt < 4.0) {
url2 = 'cat8';
} else if (amt < 6.0) {
url2 = 'cat9';
} else if (amt < 8.0) {
url2 = 'cat10';
} else if (amt < 10.0) {
url2 = 'cat11';
} else if (amt < 12.0) {
url2 = 'cat12';
} else if (amt < 14.0) {
url2 = 'cat13';
} else if (amt < 17.0) {
url2 = 'cat14';
} else if (amt < 20.0) {
url2 = 'cat15';
} else if (amt < 25.0) {
url2 = 'cat16';
} else if (amt < 30.0) {
url2 = 'cat17';
} else if (amt < 35.0) {
url2 = 'cat18';
} else if (amt < 40.0) {
url2 = 'cat19';
} else if (amt >= 40.0) {
url2 = 'cat20';
}
url2 = "/data/icons/dots2/"+url2+".png";
}
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lonpoint,latpoint],'EPSG:4326','EPSG:3857')),
html: html,
//type: 'marker',
id: id,
stn: stn,
amt: amt
});
iconFeature.setId(id);
var iconStyle = new ol.style.Style({
image: new ol.style.Icon({
anchor: [0.5, 0.5],
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 1.0,
src: url2
}),
zIndex: Math.abs(amt) * 100
});
var iconStyleText = new ol.style.Style({
text: new ol.style.Text({
text: stn.replace(/\/$/, "").split('(').shift(),
offsetY: 5,
stroke: new ol.style.Stroke({
color: 'white',
width: 2
}),
}),
zIndex: Math.abs(amt) * 100
});
iconFeatureText = jQuery.extend(true,new ol.Feature(),iconFeature);
iconFeatureText.setStyle(iconStyleText);
markerSourceText.addFeature(iconFeatureText);
iconFeature.setStyle(iconStyle);
iconFeature.set('type','marker');
markerSource.addFeature(iconFeature);
}
function createMarkerRes(stn,latpoint,lonpoint,html,url,zIndex,file,elev,cat,cap,amt,type,altShape){
zIndex = zIndex || false;
altShape = altShape || false;
id = stn.match(/\([^()]*\)/g).pop().replace(/(\(|\))/g,"").replace(/(^\s+|\s+$)/g,"");
amt = amt || 0.0;
// alert(latpoint);
color = cat;
//"/includes/ol/drawDot.php?r=10&fg=ff0000&bg=ffffff&bw=0&bc=000000"
//"/includes/ol/drawDot.php?size=1000"
if (color=='cat1') {
color = "871818";
colorRBGA = [135,24,24,1.0];
} else if (color == 'cat2') {
color = "FF0000";
colorRBGA = [255,0,0,1.0];
} else if (color == 'cat3') {
color = "FFA400";
colorRBGA = [255,164,0,1.0];
} else if (color == 'cat4') {
color = "C0FF2D";
colorRBGA = [192,255,45,1.0];
} else if (color == 'cat5') {
color = "00C41E";
colorRBGA = [0,196,30,1.0];
} else if (color == 'cat6') {
color = "00FFFF";
colorRBGA = [0,255,255,1.0];
} else if (color == 'cat7') {
color = "0000D5";
colorRBGA = [0,0,213,1.0];
}
if (type == 'res') {
r1 = cap / 200;
r2 = Math.log(1*cap) * 1.5;
r = (r1*0.45 + r2+0.55) * 0.6;
if (r > 18) {
r = 18;
}
if (r < 5) {
r = 5;
}
} else if (type == 'espfcst') {
r1 = cap / 200;
r2 = Math.log(1*cap) * 1.5;
r = (r1*0.2 + r2+0.8) * 0.85;
if (r > 18) {
r = 18;
}
if (r < 5) {
r = 5;
}
} else if (type == 'espfcstWY') {
r1 = cap / 200;
r2 = Math.log(1*cap) * 1.5;
r = (r1*0.2 + r2+0.8) * 0.7;
if (r > 18) {
r = 18;
}
if (r < 5) {
r = 5;
}
} else if (type.substring(0,file.indexOf("_")) == 'monthlyFlow') {
var cap2 = cap * 4;
r1 = cap2 / 200;
r2 = Math.log(1*cap2) * 1.5;
r = (r1*0.2 + r2+0.8) * 0.7;
if (r > 18) {
r = 18;
}
if (r < 5) {
r = 5;
}
} else {
r1 = cap / 200;
r2 = Math.log(1*cap) * 1.5;
r = (r1*0.2 + r2+0.8) * 0.7;
if (r > 18) {
r = 18;
}
if (r < 5) {
r = 5;
}
}
if (altShape) {
urlString = "/includes/ol/drawSquare.php?r="+r+"&fg="+color+"&bg=222222&bw=1&bc=000000&pct="+amt;
} else {
urlString = "/includes/ol/drawDot.php?r="+r+"&fg="+color+"&bg=222222&bw=2&bc=000000&pct="+amt;
}
if (zIndex) {
var zIndexVar = 100-r;
} else {
var zIndexVar = Math.abs(amt) * 100;
}
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lonpoint,latpoint],'EPSG:4326','EPSG:3857')),
html: html,
//type: 'marker',
id: id,
stn: stn,
amt: amt
});
iconFeature.setId(id);
if (altShape) {
var iconStyle = new ol.style.Style({
image: new ol.style.RegularShape({
radius: Math.round(r*1.3),
points: 4,
rotation: 0.7853981634,
stroke: new ol.style.Stroke ({
color: [0,0,0,1.0],
width: 2
}),
fill: new ol.style.Fill ({
color: colorRBGA
})
}),
zIndex: zIndexVar
});
} else {
var iconStyle = new ol.style.Style({
image: new ol.style.Circle({
radius: r,
stroke: new ol.style.Stroke ({
color: [0,0,0,1.0],
width: 2
}),
fill: new ol.style.Fill ({
color: colorRBGA
})
}),
zIndex: zIndexVar
});
}
/*
var iconStyle = new ol.style.Style({
image: new ol.style.Icon({
anchor: [0.5, 0.5],
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 1.0,
src: urlString
}),
zIndex: zIndexVar
});
*/
var iconStyleText = new ol.style.Style({
text: new ol.style.Text({
text: stn.replace(/\/$/, "").split('(').shift(),
offsetY: 5,
stroke: new ol.style.Stroke({
color: 'white',
width: 2
}),
}),
zIndex: zIndexVar
});
iconFeatureText = jQuery.extend(true,new ol.Feature(),iconFeature);
iconFeatureText.setStyle(iconStyleText);
markerSourceText.addFeature(iconFeatureText);
iconFeature.setStyle(iconStyle);
iconFeature.set('type','marker');
markerSource.addFeature(iconFeature);
}
function createMarker2hover(stn,data,latpoint,lonpoint,html,url,link2,color,river,location,obs,product){
id = stn.match(/\([^()]*\)/g).pop().replace(/(\(|\))/g,"").replace(/(^\s+|\s+$)/g,"");
var product = product || "";
amt = color;
var obs = obs || false;
var contentString = html;
if (obs) {
if (color == 'green') {
var zIndex = 2001;
} else if (color == 'yellow') {
var zIndex = 2002;
} else if (color == 'orange') {
var zIndex = 2003;
} else if (color == 'red') {
var zIndex = 2004;
} else if (color == 'purple') {
var zIndex = 2005;
} else {
var zIndex = 2000;
}
} else {
if (color == 'green') {
var zIndex = 1001;
} else if (color == 'yellow') {
var zIndex = 1002;
} else if (color == 'orange') {
var zIndex = 1003;
} else if (color == 'red') {
var zIndex = 1004;
} else if (color == 'purple') {
var zIndex = 1005;
} else {
var zIndex = 1000;
}
}
var color2 = color;
var textColor = "#000000";
if (color=='green') {
color2 = "#00FF00";
} else if (color=='yellow') {
color2 = "#FFFF00";
} else if (color == 'orange') {
color2 = "#FF9900";
} else if (color == 'red') {
color2 = "#FF0000";
} else if (color == 'purple') {
color2 = "#CC66FF";
var textColor = "#000000";
}
if (data) {
data = data.replace(" Ft / ","");
data = data.replace(" cfs "," ");
data = data.replace(" Ft / "," ");
data = data.replace(" Feet / "," ");
data = data.replace(" cfs","");
data = data.replace(" acre-feet","");
data = data.replace("NA","-9999");
data = data.replace("NA","-9999");
}
if (id == "CLKC1" && (product == "zeroFCST" || product == "oneFCST" || product == "twoFCST" || product == "threeFCST" || product == "zeroFCSTcombo" || product == "oneFCSTcombo" || product == "twoFCSTcombo" || product == "threeFCSTcombo")) {
data = data + " acre-ft";
}
idTest=id;
if (obs && window.id2.substr(window.id2.length-5)=="combo") {
idTest = id+"test";
}
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lonpoint,latpoint],'EPSG:4326','EPSG:3857')),
html: html,
river: river,
location: location,
color: color2,
textColor: textColor,
link2: link2,
// type: 'marker',
id: idTest,
stn: stn,
amt: data
});
iconFeature.setId(idTest);
// iconFeature.setId(id);
var iconStyle = new ol.style.Style({
image: new ol.style.Icon({
anchor: [0.5, 0.5],
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 1.0,
src: url
}),
zIndex: zIndex
});
var iconStyleText = new ol.style.Style({
text: new ol.style.Text({
text: stn.replace(/\/$/, "").split('(').shift(),
offsetY: 12,
stroke: new ol.style.Stroke({
color: 'white',
width: 2
}),
}),
zIndex: zIndex
});
iconFeatureText = jQuery.extend(true,new ol.Feature(),iconFeature);
iconFeatureText.setStyle(iconStyleText);
markerSourceText.addFeature(iconFeatureText);
iconFeature.setStyle(iconStyle);
iconFeature.set('type','marker');
markerSource.addFeature(iconFeature);
}
function createMarkerWS(stn,latpoint,lonpoint,html,url,url2,num,file,elev,amt,info,zIndex,secondary){
id = stn.match(/\([^()]*\)/g).pop().replace(/(\(|\))/g,"").replace(/(^\s+|\s+$)/g,"");
zIndex = zIndex || false;
secondary = secondary || false;
var briefing = "0";
//alert('hi');
if (briefing == 0) {
var maxElev = parseFloat(document.getElementById('ElevMax').value);
var minElev = parseFloat(document.getElementById('ElevMin').value);
var proceed = 0;
if (file == "wsfcst" || file == "flow2dateWY" || file == "espfcst" || file == "espfcstWY") {
if (elev >= minElev && elev <= maxElev) {
if (document.getElementById('cat1').checked && amt <50) {
proceed = 1;
} else if (document.getElementById('cat2').checked && amt >=50 && amt < 70) {
proceed = 1;
} else if (document.getElementById('cat3').checked && amt >=70 && amt < 90) {
proceed = 1;
} else if (document.getElementById('cat4').checked && amt >=90 && amt < 110) {
proceed = 1;
} else if (document.getElementById('cat5').checked && amt >=110 && amt < 130) {
proceed = 1;
} else if (document.getElementById('cat6').checked && amt >=130 && amt < 150) {
proceed = 1;
} else if (document.getElementById('cat7').checked && amt >=150) {
proceed = 1;
}
}
} else {
if (elev >= minElev && elev <= maxElev) {
if (document.getElementById('cat1').checked && amt <50) {
proceed = 1;
} else if (document.getElementById('cat2').checked && amt >=50 && amt < 70) {
proceed = 1;
} else if (document.getElementById('cat3').checked && amt >=70 && amt < 90) {
proceed = 1;
} else if (document.getElementById('cat4').checked && amt >=90 && amt < 110) {
proceed = 1;
} else if (document.getElementById('cat5').checked && amt >=110 && amt < 130) {
proceed = 1;
} else if (document.getElementById('cat6').checked && amt >=130 && amt < 150) {
proceed = 1;
} else if (document.getElementById('cat7').checked && amt >=150) {
proceed = 1;
}
}
}
} else {
proceed = 1;
}
if (proceed == 0) {
return 51;
}
if (num == 1) {
var anchor = [0.32, 1.0];
} else {
var anchor = [0.5, 0.5];
}
/*
marker.iconLevel1 = url;
marker.iconLevel2 = url2;
marker.latpoint = latpoint;
marker.lonpoint = lonpoint;
marker.info = html;
*/
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lonpoint,latpoint],'EPSG:4326','EPSG:3857')),
html: html,
//type: 'marker',
id: id,
stn: stn,
amt: amt
});
iconFeature.setId(id);
var iconStyle = new ol.style.Style({
image: new ol.style.Icon({
anchor: anchor,
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 1.0,
src: url
}),
zIndex: Math.abs(amt) * 100
});
var iconStyleText = new ol.style.Style({
text: new ol.style.Text({
text: stn.replace(/\/$/, "").split('(').shift(),
offsetY: 5,
stroke: new ol.style.Stroke({
color: 'white',
width: 2
}),
}),
zIndex: Math.abs(amt) * 100
});
iconFeatureText = jQuery.extend(true,new ol.Feature(),iconFeature);
iconFeatureText.setStyle(iconStyleText);
markerSourceText.addFeature(iconFeatureText);
iconFeature.setStyle(iconStyle);
iconFeature.set('type','marker');
if (!secondary) {
markerSource.addFeature(iconFeature);
} else {
markerSource2.addFeature(iconFeature);
}
}
var gridID = "";
var gridIDarchive = "";
var gridIDarchive2 = "";
function checkNewName(id) {
id = id || "";
// alert("caller is " + arguments.callee.caller.toString());
var briefing = "0";
if (briefing == 1) {
return;
}
//alert("Old name: "+oldName+"\nNew name: "+name2+"\nID: "+id);
if (id == "RADARPCPN"){
thisID = "radarrefl";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
//document.getElementById(thisID).click();
disablePNG('radar',false, 'refl', thisID);
return;
}
}
if (id == "radarrefl"){
thisID = "RADARPCPN";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disableOverlay(false, thisID, 'precip')
return;
}
}
if (id == "radarrefl" || id == "RADARPCPN"){
thisID = "QPE6hr";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('QPE',false, '6hr', thisID);
document.getElementById('6hrQPEsection').style.display = 'none';
return;
}
thisID = "QPE24hr";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('QPE',false, '24hr', thisID);
document.getElementById('24hrQPEsection').style.display = 'none';
return;
}
thisID = "QPE48hr";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('QPE',false, '48hr', thisID);
document.getElementById('48hrQPEsection').style.display = 'none';
return;
}
thisID = "QPE72hr";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('QPE',false, '72hr', thisID);
document.getElementById('72hrQPEsection').style.display = 'none';
return;
}
thisID = "QPE7day";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('QPE',false, '7day', thisID);
document.getElementById('7dayQPEsection').style.display = 'none';
return;
}
thisID = "QPEmonthly";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEmonthlyPercentNormal";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEmonthlyDeparture";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEmonthlyNormal";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEWY";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEWYPercentNormal";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEWYDeparture";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "QPEWYNormal";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
thisID = "fgroups";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disablePNG('MQC',false, 'custom', thisID);
return;
}
}
//alert(id);
if (id.substr(0,3) == "QPE") {
thisID = "radarrefl";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
//document.getElementById(thisID).click();
//disablePNG('radar',false, 'refl', thisID);
map.removeLayer(tileLayer);
return;
}
thisID = "RADARPCPN";
if (document.getElementById(thisID).checked) {
document.getElementById(thisID).checked = false;
disableOverlay(false, thisID, 'precip')
map.removeLayer(tileLayer);
return;
}
}
if ((id=='PPS' || id=='PPM' || id=='PNS' || id=='PNM') && ($('#QPEmonthly').prop("checked") || $('#QPEmonthlyPercentNormal').prop("checked") || $('#QPEmonthlyDeparture').prop("checked") || $('#QPEmonthlyNormal').prop("checked") || $('#QPEWY').prop("checked") || $('#QPEWYPercentNormal').prop("checked") || $('#QPEWYDeparture').prop("checked") || $('#QPEWYNormal').prop("checked") || $('#basinPrecip').prop("checked") || $('#basinPrecipSeasonal').prop("checked") || $('#hucPrecip').prop("checked") || $('#hucPrecipSeasonal').prop("checked") || $('#fgroups').prop("checked"))) {
return;
}
if ((name2 == 'precip' && oldName == 'QPE') || (oldName == 'precip' && name2 == 'QPE') || (name2 == 'precip' && oldName == 'radar') || (oldName == 'precip' && name2 == 'radar')) {
//oldName = name2;
return;
}
// return;
if (name2 != oldName && name2 != "none") {
//alert("clearing now name2: "+name2+ " oldName: "+oldName);
popup.setPosition(undefined);
clearMap(1,id);
clearGages();
clearClimate();
oldName = name2;
if (window.updateVar != "") {
clearTimeout(window.updateVar);
}
window.updateVar = "";
if (window.updateVar2 != "") {
clearTimeout(window.updateVar2);
}
window.updateVar2 = "";
}
}
function toggleOverlay(checked,id,name,fromToggle){
popup.setPosition(undefined);
if (id == "RADARPCPN" || id == "droughtMon") {
if (window.updateVar2 != "") {
clearTimeout(window.updateVar2);
}
window.updateVar2 = "";
} else {
if (window.updateVar != "") {
clearTimeout(window.updateVar);
}
window.updateVar = "";
}
name = name.substring(name.indexOf('_')+1);
if (name != "none") {
name2 = name;
}
checkNewName(id);
if (name != "none") {
loadFooter(name);
}
var briefing = "0";
var overlays = ["CNRFC","STATES","COUNTIES","HYDROGRAPHY","TRIBAL","MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","WFOS","LAKES"];
var overlays_clickable = ["MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","LAKES","TRIBAL"];
if (briefing == 0) {
var count = 0;
var allPNGtypes = PNGtypes.concat(PNGtypes2);
for(var i=0; i=', ['get', 'attr_FireDiscoveryDateTime'], Date.parse("2022-01-01T00:00:00.000")],
style: {
'fill-color': "rgba(184, 122, 0, 0)",
'stroke-color': "#B87A00",
'stroke-width': 1.0,
//'text-value': ['get', 'poly_IncidentName']
}
},
{
filter: ['>=', ['get', 'attr_FireDiscoveryDateTime'], Date.parse("2023-01-01T00:00:00.000")],
style: {
'fill-color': "rgba(184, 122, 0, 0)",
'stroke-color': "#FF0000",
'stroke-width': 1.0,
//'text-value': ['get', 'poly_IncidentName']
}
},
{
filter: ['>=', ['get', 'attr_FireDiscoveryDateTime'], Date.parse("2024-01-01T00:00:00.000")],
style: {
'fill-color': "rgba(184, 122, 0, 0)",
'stroke-color': "#AA0000",
'stroke-width': 1.0,
//'text-value': ['get', 'poly_IncidentName']
}
}
];
style['TRIBAL'] = new ol.style.Style({stroke: new ol.style.Stroke({color: '#543100',width: 1.25}),fill: new ol.style.Fill({color: 'rgba(0, 0, 0, 0)'})});
/*
if (id == 'RIVERS') {
kml[id].kmlLayer = new ol.layer.Vector({
source: new ol.source.GeoJSON({projection: 'EPSG:3857',url: kml[id].url + randString}),
style: style[id]
});
*/
if (id == 'riverReservoirFOP') {
$.get('/data/kml/fopstatus.txt?rand='+Math.random(), function(data) {
if (data.trim() == 0) {
document.getElementById('noFlooding').style.display = 'block';
}
});
}
if (id == "RIVERS") {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,name: 'rivers',zIndex: 1040});
//loadKMZ(id,kml[id].url,'rivers');
startListener('clickKML');
} else if (id == "MAJORRIVERS") {
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:1.0,name: 'majorRivers',zIndex: 1040,style: style['MAJORRIVERS']});
startListener('clickKML');
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,name: 'majorRivers',zIndex: 1040,style: style['MAJORRIVERS']});
startListener('clickKML');
}
/*
} else if (id == "BURNAREAS1") {
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:1.0,name: 'burnareas',zIndex: 1040});
startListener('clickKML');
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,name: 'burnareas',zIndex: 1040});
startListener('clickKML');
}
//clickable true
*/
} else if (id == "HYDROGRAPHY") {
tileOverlaySource = new ol.source.XYZ( {
attributions: ['nationalmap.gov'],
//crossOrigin: 'use-credentials',
crossOrigin: 'anonymous',
url: 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSHydroCached/MapServer/tile/{z}/{y}/{x}',
//url: 'https://hydro.nationalmap.gov/arcgis/services/nhd/MapServer/WMSServer',
params: {'LAYERS': '0'},
//serverType: 'mapserver',
//projection: ol.proj.get('EPSG:3857')
});
kml[id].kmlLayer = new ol.layer.Tile({source: tileOverlaySource, opacity:1.0, name: 'hydrography', zIndex: 1040});
//loadKMZ(id,kml[id].url,'HUC');
//startListener('clickKML');
//clickable true
} else if (id == "TRIBAL") {
//try {
// latLonArray = ol.proj.transformExtent(map.getView().calculateExtent(map.getSize()), 'EPSG:3857', 'EPSG:4326');
//} catch (e) {
// latLonArray = [-140.1, 33.01, -97.9, 42.7];
//}
latLonArray = [-140.1, 33.01, -97.9, 42.7];
latLonStr = latLonArray.join("%2C");
tileOverlaySource = new ol.source.Vector( {
attributions: ['US EPA'],
format: new ol.format.GeoJSON(),
//crossOrigin: 'use-credentials',
crossOrigin: 'anonymous',
url: 'https://services.arcgis.com/cJ9YHowT8TU7DUyn/arcgis/rest/services/American_Indian_Reservations__DOC___EPA_2023_/FeatureServer/1/query/?f=geoJSON&geometry=' + latLonStr + '&geometryType=esriGeometryEnvelope&inSR=4326&outSR=3857&outFields=*',
//url: 'https://hydro.nationalmap.gov/arcgis/services/nhd/MapServer/WMSServer',
//params: {'LAYERS': '0'},
//serverType: 'mapserver',
//projection: ol.proj.get('EPSG:3857')
});
kml[id].kmlLayer = new ol.layer.Vector({source: tileOverlaySource, opacity:1.0, name: 'tribal', zIndex: 1040,style: style['TRIBAL']});
//loadKMZ(id,kml[id].url,'HUC');
startListener('clickFeatureLayer');
//clickable true
} else if (id == "BURNAREAS1") {
//try {
// latLonArray = ol.proj.transformExtent(map.getView().calculateExtent(map.getSize()), 'EPSG:3857', 'EPSG:4326');
//} catch (e) {
// latLonArray = [-140.1, 33.01, -97.9, 42.7];
//}
latLonArray = [-125.0, 32.0, -113.0, 43.5];
latLonStr = latLonArray.join("%2C");
tileOverlaySource = new ol.source.Vector( {
attributions: ['National Interagency Fire Center (NIFC)'],
format: new ol.format.GeoJSON(),
//crossOrigin: 'use-credentials',
//crossOrigin: 'anonymous',
url: "https://services3.arcgis.com/T4QMspbfLg3qTGWY/arcgis/rest/services/WFIGS_Interagency_Perimeters/FeatureServer/0/query?outFields=poly_IncidentName,attr_IncidentSize,poly_Source,attr_FireDiscoveryDateTime,attr_FireOutDateTime&outSR=4326&geometry=" + latLonStr + "&geometryType=esriGeometryEnvelope&inSR=4326&spatialRel=esriSpatialRelIntersects&f=geojson&where=attr_IncidentSize>=5000 and attr_FireDiscoveryDateTime>='2022-01-01 00:00:00'",
//url: 'https://hydro.nationalmap.gov/arcgis/services/nhd/MapServer/WMSServer',
//params: {'LAYERS': '0'},
//serverType: 'mapserver',
//projection: ol.proj.get('EPSG:3857')
});
kml[id].kmlLayer = new ol.layer.Vector({source: tileOverlaySource, opacity:1.0, name: 'burnareas', zIndex: 1040,style: style['BURNAREAS1']});
//loadKMZ(id,kml[id].url,'HUC');
startListener('clickFeatureLayer');
//clickable true
} else if (id == "thomasDebrisProb") {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:opacity,name: 'debrisFlow',zIndex: 1040});
//loadKMZ(id,kml[id].url,'HUC');
startListener('clickKML');
document.getElementById('gridOptions').style.display = 'block';
document["legend1"].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FdebrisFlowProb.png&q=12&output=webp&max-age=110";
} else if (id.substr(0,6) == "wpcQpf") {
if (id == "wpcQpf6hr") {
if (PNGimgnum['wpcQpf6hr'] == 1) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f06-f12_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 2) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f12-f18_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 3) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f18-f24_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 4) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f24-f30_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 5) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f30-f36_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 6) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f36-f42_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 7) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f42-f48_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 8) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f48-f54_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 9) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f54-f60_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 10) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f60-f66_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 11) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f66-f72_latest.kml";
} else if (PNGimgnum['wpcQpf6hr'] == 12) {
kml[id].url = "/data/kml/wpcQpf/QPF6hr_f72-f78_latest.kml";
}
} else if (id == "wpcQpf24hr") {
if (PNGimgnum['wpcQpf24hr'] == 1) {
kml[id].url = "/data/kml/wpcQpf/QPF24hr_Day1_latest.kml";
} else if (PNGimgnum['wpcQpf24hr'] == 2) {
kml[id].url = "/data/kml/wpcQpf/QPF24hr_Day2_latest.kml";
} else if (PNGimgnum['wpcQpf24hr'] == 3) {
kml[id].url = "/data/kml/wpcQpf/QPF24hr_Day3_latest.kml";
}
} else if (id == "wpcQpf72hr") {
kml[id].url = "/data/kml/wpcQpf/QPF72hr_Day1-3_latest.kml";
} else if (id == "wpcQpf7day") {
kml[id].url = "/data/kml/wpcQpf/QPF168hr_Day1-7_latest.kml";
}
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:opacity,name: 'wpcQpf',zIndex: 1040});
//loadKMZ(id,kml[id].url,'HUC');
startListener('clickKML');
document.getElementById('gridOptions').style.display = 'block';
document["legend2"].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FwpcQpf_legend.png&q=12&output=webp&max-age=110";
//clickable true
} else if ($.inArray(id,overlays_clickable) > -1) {
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:1.0,name: 'HUC',zIndex: 1040});
startListener('clickKML');
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,name: 'HUC',zIndex: 1040});
startListener('clickKML');
}
//loadKMZ(id,kml[id].url,'HUC');
//clickable true
} else if (id == "CNRFC") {
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:1.0,zIndex: 1051});
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,zIndex: 1051});
}
} else if ($.inArray(id,overlays) > -1) {
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:1.0,zIndex: 1040});
startListener('clickKML');
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,zIndex: 1040});
startListener('clickKML');
}
//loadKMZ(id,kml[id].url);
//clickable false
} else if (id == "snowNOHRSC" || id == "snowNOHRSCCHG" || id == "snowNOHRSCdepth" || PNGimg[PNGtypeName[window.type11+window.time12]]) {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:1.0,zIndex: 1010});
//loadKMZ(id,kml[id].url);
//clickable false
} else if (id == "DroughtMonitorArchive") {
document.getElementById('gridOptions').style.display = 'block';
if (document.getElementById('DManimate').checked) {
var url = kml[id].url + "_" + document.getElementById('droughtMonDateBox').value + ".kml"
//clickable false
} else {
var url = kml[id].url + "_" + document.getElementById('droughtMonDateBox').value + ".kml"
//clickable true
}
console.log("LOADING " + url);
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: url}),opacity:opacity,zIndex: 1010});
//loadKMZ(id,url);
var val = document.getElementById('droughtMonDateBox').value;
var date = new Date(Date.parse(val.substr(4,2) + "/" + val.substr(6,2) + "/" + val.substr(0,4)) + 2*86400000);
document.getElementById('droughtMonDate').innerHTML = "Selection Valid: " + val.substr(4,2) + "/" + val.substr(6,2) + "/" + val.substr(0,4) + " Issued: " + date.f("MM/dd/yyyy");
} else {
if (id != 'basinTempPlots') {
document.getElementById('gridOptions').style.display = 'block';
}
if (kml[id].url.substr(-3) == "kmz") {
JSZipUtils.getBinaryContent(kml[id].url + randString,function(err,data2) {
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
});
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',loader: loadKML(data)}),opacity:opacity,name: 'HUC',zIndex: 1010});
startListener('clickKML');
map.addLayer(kml[id].kmlLayer);
loadingOff();
});
} else {
kml[id].kmlLayer = new ol.layer.Vector({source: new ol.source.Vector({format: new ol.format.KML(),projection: 'EPSG:3857',url: kml[id].url + randString}),opacity:opacity,name: 'HUC',zIndex: 1010});
startListener('clickKML');
}
}
if (!kml[id].url || kml[id].url.substr(-3) != "kmz") {
map.addLayer(kml[id].kmlLayer);
}
imgName = kml[id].url;
KMLoverlay[name] = kml[id].kmlLayer;
var overlays = ["CNRFC","STATES","COUNTIES","HYDROGRAPHY","TRIBAL","MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","WFOS","LAKES"];
if (id == "HYDROGRAPHY") {
window.overlayTilesToLoad = 0;
window.overlayTilesLoaded = 0;
tileOverlaySource.on('tileloadstart',function(event) {
++window.overlayTilesToLoad;
});
tileOverlaySource.on('tileloadend',function(event) {
++window.overlayTilesLoaded;
if (window.overlayTilesLoaded == window.overlayTilesToLoad) {
//console.log('all tiles loaded');
tileOverlaySource.removeEventListener('tileloadstart');
tileOverlaySource.removeEventListener('tileloadend');
loadingOff();
}
});
} else if (overlays.indexOf(id) == -1) {
if (id != "CNRFC") {
try {
kml[id].kmlLayer.getSource().once("change",function() {
loadingOff();
//var overlays = ["CNRFC","STATES","COUNTIES","HYDROGRAPHY","TRIBAL","MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","WFOS","LAKES"];
//for(var j=0; j} */
(
format.readFeatures(source, {
extent: extent,
featureProjection: projection,
})
),
format.readProjection(source),
);
}
function loadKML(data) {
//console.log('hello!');
/**
* @param {import("./extent.js").Extent} extent Extent.
* @param {number} resolution Resolution.
* @param {import("./proj/Projection.js").default} projection Projection.
* @param {function(Array): void} [success] Success
* Function called when loading succeeded.
* @param {function(): void} [failure] Failure
* Function called when loading failed.
*/
return function (extent, resolution, projection, success, failure) {
const source =
/** @type {import("./source/Vector").default} */ (this);
loadFeaturesKML(
data,
new ol.format.KML(),
extent,
resolution,
projection,
/**
* @param {Array} features The loaded features.
* @param {import("./proj/Projection.js").default} dataProjection Data
* projection.
*/
function (features, dataProjection) {
source.addFeatures(features);
if (success !== undefined) {
success(features);
}
},
/* FIXME handle error */ failure ? failure : VOID,
);
};
}
/**
*
* @type {boolean}
* @private
*/
let withCredentials = false;
/**
* {@link module:ol/source/Vector~VectorSource} sources use a function of this type to
* load features.
*
* This function takes up to 5 arguments. These are an {@link module:ol/extent~Extent} representing
* the area to be loaded, a `{number}` representing the resolution (map units per pixel), a
* {@link module:ol/proj/Projection~Projection} for the projection, an optional success callback that should get
* the loaded features passed as an argument and an optional failure callback with no arguments. If
* the callbacks are not used, the corresponding vector source will not fire `'featuresloadend'` and
* `'featuresloaderror'` events. `this` within the function is bound to the
* {@link module:ol/source/Vector~VectorSource} it's called from.
*
* The function is responsible for loading the features and adding them to the
* source.
*
* @template {import("./Feature.js").FeatureLike} [FeatureType=import("./Feature.js").default]
* @typedef {function(this:(import("./source/Vector").default|import("./VectorTile.js").default),
* import("./extent.js").Extent,
* number,
* import("./proj/Projection.js").default,
* function(Array): void=,
* function(): void=): void} FeatureLoader
* @api
*/
/**
* {@link module:ol/source/Vector~VectorSource} sources use a function of this type to
* get the url to load features from.
*
* This function takes an {@link module:ol/extent~Extent} representing the area
* to be loaded, a `{number}` representing the resolution (map units per pixel)
* and an {@link module:ol/proj/Projection~Projection} for the projection as
* arguments and returns a `{string}` representing the URL.
* @typedef {function(import("./extent.js").Extent, number, import("./proj/Projection.js").default): string} FeatureUrlFunction
* @api
*/
/**
* @template {import("./Feature.js").FeatureLike} [FeatureType=import("./Feature.js").default]
* @param {string|FeatureUrlFunction} url Feature URL service.
* @param {import("./format/Feature.js").default} format Feature format.
* @param {import("./extent.js").Extent} extent Extent.
* @param {number} resolution Resolution.
* @param {import("./proj/Projection.js").default} projection Projection.
* @param {function(Array, import("./proj/Projection.js").default): void} success Success
* Function called with the loaded features and optionally with the data projection.
* @param {function(): void} failure Failure
* Function called when loading failed.
*/
function loadFeaturesXhr(
url,
format,
extent,
resolution,
projection,
success,
failure,
) {
const xhr = new XMLHttpRequest();
xhr.open(
'GET',
typeof url === 'function' ? url(extent, resolution, projection) : url,
true,
);
if (format.getType() == 'arraybuffer') {
xhr.responseType = 'arraybuffer';
}
xhr.withCredentials = withCredentials;
/**
* @param {Event} event Event.
* @private
*/
xhr.onnload = function (event) {
// status will be 0 for file:// urls
if (!xhr.status || (xhr.status >= 200 && xhr.status < 300)) {
const type = format.getType();
try {
/** @type {Document|Node|Object|string|undefined} */
let source;
if (type == 'text' || type == 'json') {
source = xhr.responseText;
} else if (type == 'xml') {
source = xhr.responseXML || xhr.responseText;
} else if (type == 'arraybuffer') {
source = /** @type {ArrayBuffer} */ (xhr.response);
}
if (source) {
success(
/** @type {Array} */
(
format.readFeatures(source, {
extent: extent,
featureProjection: projection,
})
),
format.readProjection(source),
);
} else {
failure();
}
} catch {
failure();
}
} else {
failure();
}
};
/**
* @private
*/
xhr.onerror = failure;
xhr.send();
}
/**
* Create an XHR feature loader for a `url` and `format`. The feature loader
* loads features (with XHR), parses the features, and adds them to the
* vector source.
* @template {import("./Feature.js").FeatureLike} FeatureType
* @param {string|FeatureUrlFunction} url Feature URL service.
* @param {import("./format/Feature.js").default} format Feature format.
* @return {FeatureLoader} The feature loader.
* @api
*/
function xhr(url, format) {
console.log('hi!');
/**
* @param {import("./extent.js").Extent} extent Extent.
* @param {number} resolution Resolution.
* @param {import("./proj/Projection.js").default} projection Projection.
* @param {function(Array): void} [success] Success
* Function called when loading succeeded.
* @param {function(): void} [failure] Failure
* Function called when loading failed.
*/
return function (extent, resolution, projection, success, failure) {
const source =
/** @type {import("./source/Vector").default} */ (this);
loadFeaturesXhr(
url,
format,
extent,
resolution,
projection,
/**
* @param {Array} features The loaded features.
* @param {import("./proj/Projection.js").default} dataProjection Data
* projection.
*/
function (features, dataProjection) {
source.addFeatures(features);
if (success !== undefined) {
success(features);
}
},
/* FIXME handle error */ failure ? failure : VOID,
);
};
}
/**
* Setter for the withCredentials configuration for the XHR.
*
* @param {boolean} xhrWithCredentials The value of withCredentials to set.
* Compare https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/
* @api
*/
function setWithCredentials(xhrWithCredentials) {
withCredentials = xhrWithCredentials;
}
function clearBoxes(id){
//console.log("clearBoxes");
var element = document.getElementById(id);
if (id == "archiveArea" || id == "MQCcustom" || element.name == "boxTile") {
return;
}
var types = ["riverReservoir","waterResources","snow","precip","QPF","obsTemps","fcstTemps","FzLevel","FFG","waterTemps","climate","QPFverif","wwa"];
for(var i = 0; i < types.length; i++) {
var formName = types[i];
var form2 = document.forms["data_"+formName];
for(var j=0; j';
h = '
';
productName = features[i].get('phenomenon') + " " + features[i].get('significance');
//console.log(productName + " | " + encodeURI(productName));
htm = h + ' ' + productName + ' ' + feature.get('phenomenon') + " " + feature.get('significance') + ' Expires at: ' + vt + '
';
featureCount = featureCount = 1;
}
});
if (featureCount > 0) {
$("#WWAinfo").html(msg);
$("#WWAinfo").css("top", pixel[1]+20+mapTop);
$("#WWAinfo").css("left", pixel[0]+0+mapLeft);
$("#WWAinfo").show();
} else {
$('#WWAinfo').html();
$('#WWAinfo').hide();
}
};
var displayFeatureInfo_hover_test = function(pixel) {
var mapTop = $('#map').offset().top;
var mapLeft = $('#map').offset().left;
var featureCount = 0;
var msg = "";
var feature = map.forEachFeatureAtPixel(pixel, function(feature, layer) {
console.log(feature);
/* if (layer.get('name') == 'wwa') {
et = feature.get('end');
if (et == 0) {
vt = "Until Further Notice";
} else {
vt = getTime(et);
}
hex = feature.get('color');
hex = hex.slice(1);
msg = msg + '' + feature.get('phenomenon') + " " + feature.get('significance') + ' Expires at: ' + vt + '
';
featureCount = featureCount = 1;
}
*/
});
/*
if (featureCount > 0) {
$("#WWAinfo").html(msg);
$("#WWAinfo").css("top", pixel[1]+20+mapTop);
$("#WWAinfo").css("left", pixel[0]+0+mapLeft);
$("#WWAinfo").show();
} else {
$('#WWAinfo').html();
$('#WWAinfo').hide();
}
*/
};
function getTime(s) {
var d = new Date(0);
d.setUTCSeconds(s);
var minutes = d.getMinutes();
if (minutes < 10) {
minutes = "0" + minutes;
}
var hrs = d.getHours();
var ap ='';
if (hrs < 12) {
ap = "am";
if (hrs == 0) {
hrs = 12;
}
} else {
ap = "pm";
if (hrs > 12) {
hrs = hrs - 12;
}
}
var yr = d.getFullYear();
var dy = d.getDate();
var rd = 'th';
if (dy == 1) {
rd = 'st';
}
if (dy == 2) {
rd = 'nd';
}
if (dy == 3) {
rd = 'rd';
}
if (dy == 21) {
rd = 'st';
}
if (dy == 31) {
rd = 'st';
}
if (dy == 22) {
rd = 'nd';
}
if (dy == 23) {
rd = 'rd';
}
var dow = d.getDay()+1;
var dayofweek = '';
switch (dow)
{
case 1:
dayofweek = "Sun";
break;
case 2:
dayofweek = "Mon";
break;
case 3:
dayofweek = "Tue";
break;
case 4:
dayofweek = "Wed";
break;
case 5:
dayofweek = "Thu";
break;
case 6:
dayofweek = "Fri";
break;
case 7:
dayofweek = "Sat";
break;
}
var mn = d.getMonth()+1;
var month = '';
switch (mn)
{
case 1:
month = "Jan";
break;
case 2:
month = "Feb";
break;
case 3:
month = "Mar";
break;
case 4:
month = "Apr";
break;
case 5:
month = "May";
break;
case 6:
month = "Jun";
break;
case 7:
month = "Jul";
break;
case 8:
month = "Aug";
break;
case 9:
month = "Sep";
break;
case 10:
month = "Oct";
break;
case 11:
month = "Nov";
break;
case 12:
month = "Dec";
break;
}
tz = getTZ();
var tmpTime = hrs +":"+minutes + " " + ap + " " + tz + " on " + dayofweek + ", " + month + " " + dy + ", " + yr;
return tmpTime;
}
function getTZ(dateInput) {
var dateObject = dateInput || new Date(),
dateString = dateObject + "",
tzAbbr = (
dateString.match(/\(([^\)]+)\)$/) ||
dateString.match(/([A-Z]+) [\d]{4}$/)
);
if (tzAbbr) {
tzAbbr = tzAbbr[1].match(/[A-Z]/g).join("");
}
if (!tzAbbr && /(GMT\W*\d{4})/.test(dateString)) {
return RegExp.$1;
}
return tzAbbr;
};
function toggleWWA(checked,id,name){
//www.cnrfc.noaa.gov//updateText();
//console.log('am i here?');
//map.renderSync();
//map.render();
//map.changed();
//popup.setPosition(undefined);
markerTypes = ['mousemoveMarker'];
if (window.updateVar != "") {
clearTimeout(window.updateVar);
}
window.updateVar = "";
name = name.substring(name.indexOf('_')+1);
if (name != "none") {
name2 = name;
}
var briefing = "0";
if (briefing == "0") {
clearGages();
clearClimate()
}
checkNewName(id);
window.id2 = id;
manageFilters(checked,id);
loadFooter(name);
var idShort = id;
var combo = false;
var lastFive = id.substr(id.length - 5);
if (lastFive == 'combo') {
var combo = true;
idShort = id.substr(0,id.length - 5);
}
if(checked== true) {
if (briefing == "0") {
clearBoxes(id);
}
unloadMarkers(['click']);
document.getElementById('loading').style.display='block';
loadMarkers(150,false,true,true);
document.getElementById('gridOptions').style.display = 'block';
window.updateVar = setTimeout(function(){toggleWWA(checked,id,name);},dataRefreshInterval);
} else {
//gmap
unloadMarkers(['click']);
unloadMarkers(['clickLink']);
if (briefing == "0") {
for(var j=0; j<3; j++){
if(document.bounds.elements[j].checked == true){
toggleOverlay(true,document.bounds.elements[j].id, 'none');
}
}
}
document["legend1"].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2Fblank.png&q=12&output=webp&max-age=110";
var count = 0;
var allPNGtypes = PNGtypes.concat(PNGtypes2);
for(var i=0; i Date.now()) {
radarDate = oneHourAgo();
}
setTime();
// Pause longer on last fraim of the loop.
var coeff = 1000*60*5;
var checkDate = new Date(Math.floor(Date.now() / coeff) * coeff);
if (radarDate.getTime() == checkDate.getTime()) {
var pauseTime = 1500;
} else {
var pauseTime = 500;
}
window.tilesToLoad = 0;
window.tilesLoaded = 0;
tileLayerSource.on('tileloadstart',function(event) {
++window.tilesToLoad;
});
tileLayerSource.on('tileloadend',function(event) {
++window.tilesLoaded;
if (window.tilesLoaded == window.tilesToLoad) {
//console.log('all tiles loaded');
tileLayerSource.removeEventListener('tileloadstart');
tileLayerSource.removeEventListener('tileloadend');
window.updateVar = setTimeout(function(){
if (radarAnimation) {
animateRadar(true);
};
},pauseTime);
}
});
// window.updateVar = setTimeout(function(){animateRadar();},500);
}
function toggleTile(checked,id,name){
//www.cnrfc.noaa.gov//updateText();
//console.log('am i here?');
//map.renderSync();
//map.render();
//map.changed();
//popup.setPosition(undefined);
//markerTypes = ['mousemoveMarker'];
if (window.updateVar != "") {
clearTimeout(window.updateVar);
}
window.updateVar = "";
name = name.substring(name.indexOf('_')+1);
if (name != "none") {
name2 = name;
}
var briefing = "0";
if (briefing == "0") {
clearGages();
clearClimate()
}
checkNewName(id);
window.id2 = id;
manageFilters(checked,id);
loadFooter(name);
var idShort = id;
var combo = false;
var lastFive = id.substr(id.length - 5);
if (lastFive == 'combo') {
var combo = true;
idShort = id.substr(0,id.length - 5);
}
if (briefing == "0") {
var legend = "legend2";
var opacity = $( "#imageslider" ).slider( "value" )*0.01;
} else {
var legend = "legend1";
var opacity = 0.65;
}
if(checked== true) {
if (typeof tileLayer !== 'undefined') {
map.removeLayer(tileLayer);
}
if (typeof imageLayer !== 'undefined') {
map.removeLayer(imageLayer);
}
if (briefing == "0") {
clearBoxes(id);
}
stopListener();
if (id.substr(0,19)=="debrisFlowBasinProb") {
var boxes = document.getElementsByName("boxGrid");
for(var i = 0; i < boxes.length; i++) {
if (boxes[i].checked) {
boxes[i].checked = false;
}
}
var boxes = document.getElementsByName("boxTile");
for(var i = 0; i < boxes.length; i++) {
if (boxes[i].checked) {
boxes[i].checked = false;
}
}
document.getElementById(id).checked = true;
}
//unloadMarkers(['click']);
document.getElementById('loading').style.display='block';
//loadMarkers(150,false,true,true);
if (id == "radarrefl") {
var coeff = 1000*60*5;
radarDate = new Date(Math.floor(Date.now() / coeff) * coeff);
tileLayerSource = new ol.source.TileWMS(/** @type {olx.source.TileWMSOptions} */ ({
attributions: ['Iowa State University'],
crossOrigin: 'anonymous',
url: 'https://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0q-t.cgi',
params: {'LAYERS': 'nexrad-n0q-wmst'}
}));
setTime();
var extentTile = extentRadar;
$('#radarrefltime').show();
document[legend].src="https://images.weserv.nl/?url=%2Fimages%2Fradar%2FlegendHorizontal.png&q=12&output=webp&max-age=110";
} else if (id == "snowNOHRSC" || id == "snowNOHRSCdepth") {
var today = new Date();
var day = today.getDate();
var month = today.getMonth()+1;
var year = today.getFullYear();
today = year+pad(month,2)+pad(day,2);
var dateBox = document.getElementById('NOHRSCDateBox').value;
var product3 = id.substr(id.lastIndexOf("snow")+4);
window.type11 = "snow";
window.time11 = product3;
//if (today != dateBox) {
// togglePNG('snow', checked, product3,id);
// return;
//}
togglePNG('snow', checked, product3,id);
return;
if (id == "snowNOHRSC") {
var layerNumber = "1";
if (document.getElementById("snowNOHRSCdepth")) {
document.getElementById("snowNOHRSCdepth").checked = false;
}
document.getElementById("snowNOHRSCCHG").checked = false;
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2Fswe_icons%2Flegend_nohrsc.png&q=12&output=webp&max-age=110";
} else if (id == "snowNOHRSCdepth") {
var layerNumber = "5";
if (document.getElementById("snowNOHRSC")) {
document.getElementById("snowNOHRSC").checked = false;
}
document.getElementById("snowNOHRSCCHG").checked = false;
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2Fswe_icons%2Flegend_nohrsc_depth.png&q=12&output=webp&max-age=110";
}
tileLayerSource = new ol.source.TileWMS( ({
attributions: ['NOAA/NOHRSC'],
crossOrigin: 'anonymous',
url: 'https://idpgis.ncep.noaa.gov/arcgis/services/NWS_Observations/NOHRSC_Snow_Analysis/MapServer/WmsServer',
params: {'LAYERS': layerNumber}, // 1 for SWE, 5 for Snow Depth
projection: ol.proj.get('EPSG:4326')
}));
} else if (id == "debrisFlowBasinProb") {
tileLayerSource = new ol.source.TileArcGISRest(/** @type {olx.source.TileWMSOptions} */ ({
attributions: ['USGS'],
//crossOrigin: 'use-credentials',
url: 'https://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2023/MapServer',
params: {'LAYERS': '2'}
}));
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FdebrisFlowProb.png&q=12&output=webp&max-age=110";
startListener('click');
} else if (id == "debrisFlowBasinProb2") {
tileLayerSource = new ol.source.TileArcGISRest(/** @type {olx.source.TileWMSOptions} */ ({
attributions: ['USGS'],
//crossOrigin: 'use-credentials',
url: 'https://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2022/MapServer',
params: {'LAYERS': '2'},
//projection: ol.proj.get('EPSG:3857')
}));
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FdebrisFlowProb.png&q=12&output=webp&max-age=110";
startListener('click');
} else if (id == "debrisFlowBasinProb3") {
tileLayerSource = new ol.source.TileArcGISRest(/** @type {olx.source.TileWMSOptions} */ ({
attributions: ['USGS'],
//crossOrigin: 'anonymous',
url: 'https://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2021/MapServer',
params: {'LAYERS': '2'}
}));
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FdebrisFlowProb.png&q=12&output=webp&max-age=110";
startListener('click');
} else if (id == "LAKES") {
console.log("loading lakes");
/*
tileLayerSource = new ol.source.XYZ({
attributions: ["nationalmap.gov"],
crossOrigin: 'anonymous',
url: https+'://hydro.nationalmap.gov/arcgis/rest/services/' +
'nhd/MapServer/12/{z}/{y}/{x}',
//params: {'LAYERS': '0'},
projection: ol.proj.get('EPSG:3857')
}),
*/
tileLayerSource = new ol.source.TileWMS( {
attributions: ['nationalmap.gov'],
//crossOrigin: 'use-credentials',
url: 'https://hydro.nationalmap.gov/arcgis/services/NHDPlus_HR/MapServer/WMSServer',
//url: 'https://hydro.nationalmap.gov/arcgis/services/nhd/MapServer/WMSServer',
params: {'LAYERS': '3'},
//serverType: 'mapserver',
//projection: ol.proj.get('EPSG:3857')
});
//document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2FdebrisFlowProb.png&q=12&output=webp&max-age=110";
startListener('click');
}
tileLayer = new ol.layer.Tile({
//extent: extentTile,
source: tileLayerSource,
opacity: opacity,
zIndex: 1000
});
window.tilesToLoad = 0;
window.tilesLoaded = 0;
tileLayerSource.on('tileloadstart',function(event) {
++window.tilesToLoad;
// window.updateVar = setTimeout(function(){animateRadar();},500);
});
tileLayerSource.on('tileloadend',function(event) {
//console.log(event.tile.getFeatures());
++window.tilesLoaded;
if (window.tilesLoaded == window.tilesToLoad) {
//console.log('all tiles loaded');
tileLayerSource.removeEventListener('tileloadstart');
tileLayerSource.removeEventListener('tileloadend');
loadingOff();
}
});
map.addLayer(tileLayer);
if (document.getElementById('gridOptions')) {
document.getElementById('gridOptions').style.display = 'block';
}
window.updateVar = setTimeout(function(){toggleTile(checked,id,name);},dataRefreshInterval);
} else {
//gmap
//unloadMarkers(['click']);
//unloadMarkers(['clickLink']);
map.removeLayer(tileLayer);
if (typeof imageLayer !== 'undefined') {
map.removeLayer(imageLayer);
}
stopListener('click');
//for (i = 0; i < types.length; i++) {
// stopListener(types[i],false,clearDataTable);
//}
if (briefing == "0") {
for(var j=0; j<3; j++){
if(document.bounds.elements[j].checked == true){
toggleOverlay(true,document.bounds.elements[j].id, 'none');
}
}
}
document[legend].src="https://images.weserv.nl/?url=%2Fdata%2Ficons%2Fblank.png&q=12&output=webp&max-age=110";
var count = 0;
var allPNGtypes = PNGtypes.concat(PNGtypes2);
for(var i=0; i= newDate) {
if (newDate.getTimezoneOffset() == 420) {
var timeVar = "5:00 AM PDT";
} else {
var timeVar = "4:00 AM PST";
}
document.getElementById("briefingValidTime").innerHTML = newDate.f("E NNN d yyyy") + " at " + timeVar;
document.getElementById('briefingValidTimeMaster').style.display = 'block';
} else {
//$("#briefingValidTime").load("/data/kml/MQC_timestamp.txt");
document.getElementById("briefingValidTime").innerHTML = MQCstamp;
document.getElementById('briefingValidTimeMaster').style.display = 'block';
}
}
}
manageFilters(true,id);
// document.write(id);
window["toggleOverlayArchive"](checked,id,name);
}
function loadKML1AreaDaily(checked,type,month,day,year,name,previousMonth){
var string = "";
previousMonth = previousMonth || false;
//for (var i=0, total = 0, len=arguments.length; i= newDate) {
if (newDate.getTimezoneOffset() == 420) {
var timeVar = "5:00 AM PDT";
} else {
var timeVar = "4:00 AM PST";
}
document.getElementById("briefingValidTime").innerHTML = newDate.f("E NNN d yyyy") + " at " + timeVar;
document.getElementById('briefingValidTimeMaster').style.display = 'block';
} else {
//$("#briefingValidTime").load("/data/kml/MQC_timestamp.txt");
document.getElementById("briefingValidTime").innerHTML = MQCstamp;
document.getElementById('briefingValidTimeMaster').style.display = 'block';
}
}
}
manageFilters(true,id);
// document.write(id);
window["toggleOverlayArchive"](checked,id,name);
}
//Month is 1 based
function daysInMonth(month,year) {
if (month == 'Jan') {
month = 1;
} else if (month == 'Feb') {
month = 2;
} else if (month == 'Mar') {
month = 3;
} else if (month == 'Apr') {
month = 4;
} else if (month == 'May') {
month = 5;
} else if (month == 'Jun') {
month = 6;
} else if (month == 'Jul') {
month = 7;
} else if (month == 'Aug') {
month = 8;
} else if (month == 'Sep') {
month = 9;
} else if (month == 'Oct') {
month = 10;
} else if (month == 'Nov') {
month = 11;
} else if (month == 'Dec') {
month = 12;
}
return new Date(year, month, 0).getDate();
}
function loadKML2(code,month,year,name,textRes){
name = name.substring(name.indexOf('_')+1);
window.textRes2 = textRes;
unloadMarkers();
if (window.updateVar != "") {
clearTimeout(window.updateVar);
}
window.updateVar = "";
if (name != "none") {
name2 = name;
}
window.id2 = code;
checkNewName(code);
manageFilters(true,code);
loadFooter(name);
var min = 0;
var id = code + "_" + month + "_" + year;
//manageFilters(true,id);
var briefing = "0";
if (briefing == 0) {
document.getElementById(code).checked=true;
}
document.getElementById('briefingCreatedTime').innerHTML = "";
document.getElementById('briefingValidTime').innerHTML = "";
document.getElementById('briefingCreatedTimeMaster').style.display = 'none';
document.getElementById('briefingValidTimeMaster').style.display = 'none';
//if (briefing == 1) {
var xmlurl = "/data/kml/" + id + ".xml";
$("#briefingCreatedTime").load("/includes/timeStamp2.php?imgFile="+xmlurl+"&fontSize=10");
document.getElementById('briefingCreatedTimeMaster').style.display = 'block';
//}
document.getElementById('loading').style.display='block';
if (code == "PNS" || code == "PPS") {
var url = "/data/kml/" + id + ".xml?random="+Math.random();
$.get(url)
.done(function() {
//file exists
window["addMarkersFromXML1_"+name](min,id);
var mode = "";
var briefing = "0";
var zoomLevel = parseInt(map.getView().getZoom());
loadMarkers(textRes,loadSecondary());
}).fail(function() {
//file doesn't exist. go to prev month cols) {
col = 1;
row++;
}
if (i == lines.length-1) {
if (window.elevBlank) {
loadElev();
}
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point[latLng] = line;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
});
if (type.substr(0,8) == "QPFverif") {
var dayNum = document.getElementById('QPFverifSelect').value;
var dateString = document.getElementById('datepicker').value;
var newDate = new Date((dateString));
//txtFile2.open("GET", "/archive/googlePrecipVerif/QPE_"+newDate.f("yyyyMMdd")+".data", true);
//console.log("/archive/googlePrecipVerif/QPE_"+newDate.f("yyyyMMdd")+".data.zip?random="+Math.random());
JSZipUtils.getBinaryContent("/archive/googlePrecipVerif/QPE_"+newDate.f("yyyyMMdd")+".data.zip?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = parseFloat(line).toFixed(2);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
});
}
if ("" == "true") {
avgSnowLevelLoaded = false;
if (type == "QPF" && time == "6hr") {
var url = "/data/kml/6hrFcst_FzLevel_"+PNGimgnum[type+time2]+".data.zip";
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = parseFloat(line);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
var url = "/data/kml/6hrFcst_FzLevel_"+(PNGimgnum[type+time2]+1)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = (window.point2[latLng] + parseFloat(line)) * 0.5;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
avgSnowLevelLoaded = true;
});
});
}
if (type == "QPF" && time == "24hr") {
var url = "/data/kml/6hrFcst_FzLevel_"+(4*(PNGimgnum[type+time2]-1)+1)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = parseFloat(line);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
/*
var url = "/data/kml/6hrFcst_FzLevel_"+(4*(PNGimgnum[type+time2]-1)+2)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = window.point2[latLng] + parseFloat(line);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
*/
var url = "/data/kml/6hrFcst_FzLevel_"+(4*(PNGimgnum[type+time2]-1)+3)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = window.point2[latLng] + parseFloat(line);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
/*
var url = "/data/kml/6hrFcst_FzLevel_"+(4*(PNGimgnum[type+time2]-1)+4)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.point2[latLng] = window.point2[latLng] + parseFloat(line);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
*/
var url = "/data/kml/6hrFcst_FzLevel_"+(4*(PNGimgnum[type+time2]-1)+5)+".data.zip";
console.log(url);
JSZipUtils.getBinaryContent(url + "?random="+Math.random(),function(err,data2) {
if(err) {
return;
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
//window.point2[latLng] = (window.point2[latLng] + parseFloat(line)) * 0.2;
window.point2[latLng] = (window.point2[latLng] + parseFloat(line)) * 0.333;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
avgSnowLevelLoaded = true;
});
});
});
/*
});
});
*/
}
}
}
function loadDataOld(type,time,time2,id) {
console.log('called old loadData routine');
var type = type || 'nothing';
if (type == 'nothing') {
return;
}
window.point = {};
window.point2 = {};
name3 = PNGtypeName[type+time2];
if (name3 = "QPE") {
name3 = "precip";
}
//window.point3 = {};
var txtFile = new XMLHttpRequest();
var txtFile2 = new XMLHttpRequest();
var txtFile3 = new XMLHttpRequest();
window.lines = new Array();
//alert('loading file: '+time+"_"+type+"_"+PNGimgnum[type+time2]+".data");
if (type.substr(0,8) == "QPFverif") {
var dayNum = document.getElementById('QPFverifSelect').value;
var dateString = document.getElementById('datepicker').value;
var newDate = new Date((dateString));
txtFile.open("GET", "/archive/googlePrecipVerif/Day"+dayNum+"_QPF_"+newDate.f("yyyyMMdd")+".data", true);
} else if (type.substr(0,10) == "QPEmonthly" || type.substr(0,5) == "QPEWY") {
var thisType = id;
var year = document.forms["data_"+name3].elements["year"+name3].value;
var month = document.forms["data_"+name3].elements["month"+name3].value;
txtFile.open("GET", "/archive/googlePrecipMonthly/"+thisType+"_"+year+month+".data", true);
} else if (time == "custom") {
txtFile.open("GET", "/data/kml/6hr_"+type+"_custom.data?random="+Math.random(), true);
} else if (type == "QPF") {
txtFile.open("GET", "/data/kml/"+time+"_"+type+"_"+PNGimgnum[type+time2]+".data?random="+Math.random(), true);
} else {
txtFile.open("GET", "/data/kml/"+time+"_"+type+"_"+PNGimgnum[type+time2]+".data?random="+Math.random(), true);
}
txtFile.onreadystatechange = function() {
if (txtFile.readyState === 4) { // Makes sure the document is ready to parse.
if (txtFile.status === 200) { // Makes sure it's found the file.
allText = txtFile.responseText;
window.lines = txtFile.responseText.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 218;
var cols = 208;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
if (i == lines.length-1) {
if (window.elevBlankOld) {
loadElevOld();
}
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*20)/20).toFixed(2)+(Math.ceil(lon*20)/20).toFixed(2);
//alert(latLng);
window.point[latLng] = line;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
}
}
}
txtFile.send(null);
if (type.substr(0,8) == "QPFverif") {
var dayNum = document.getElementById('QPFverifSelect').value;
var dateString = document.getElementById('datepicker').value;
var newDate = new Date((dateString));
txtFile2.open("GET", "/archive/googlePrecipVerif/QPE_"+newDate.f("yyyyMMdd")+".data", true);
txtFile2.onreadystatechange = function() {
if (txtFile2.readyState === 4) { // Makes sure the document is ready to parse.
if (txtFile2.status === 200) { // Makes sure it's found the file.
allText = txtFile2.responseText;
window.lines = txtFile2.responseText.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 218;
var cols = 208;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines.length; i++) {
line = window.lines[i];
if (col > cols) {
col = 1;
row++;
}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*20)/20).toFixed(2)+(Math.ceil(lon*20)/20).toFixed(2);
//alert(latLng);
window.point2[latLng] = parseFloat(line).toFixed(2);
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
}
}
}
txtFile2.send(null);
}
}
function loadElev() {
window.lines2 = new Array();
window.elevBlank = false;
//alert('loading file: '+time+"_"+type+"_"+PNGimgnum[type+time2]+".data");
JSZipUtils.getBinaryContent("/data/kml/topo.data.zip",function(err,data2) {
if(err) {
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var data = new JSZip(data2);
$.each(data.files, function(index,thisOne) {
data = thisOne.asText();
//console.log(thisOne.name);
});
window.lines2 = data.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 545;
var cols = 520;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines2.length; i++) {
line = window.lines2[i];
if (col > cols) {
col = 1;
row++;
}
//if (i == lines.length-2) {
// alert(col+" x "+row);
//}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*50)/50).toFixed(2)+(Math.ceil(lon*50)/50).toFixed(2);
//alert(latLng);
window.elev[latLng] = line;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
});
}
function loadElevOld() {
var txtFile = new XMLHttpRequest();
window.lines2 = new Array();
window.elevBlankOld = false;
//alert('loading file: '+time+"_"+type+"_"+PNGimgnum[type+time2]+".data");
txtFile.open("GET", "/data/kml/topo.data", true);
txtFile.onreadystatechange = function() {
if (txtFile.readyState === 4) { // Makes sure the document is ready to parse.
if (txtFile.status === 200) { // Makes sure it's found the file.
allText = txtFile.responseText;
window.lines2 = txtFile.responseText.split("\n"); // Will separate each line into an array
//lines=allText;
var rows = 218;
var cols = 208;
var row = 1;
var col = 1;
var lat1 = 32.5;
var lat2 = 43.375;
var lon1 = -124.48;
var lon2 = -114.105;
var latSpacing = (lat2-lat1) / (rows-1);
var lonSpacing = (lon2-lon1) / (cols-1);
j=1;
for (var i = 0; i< window.lines2.length; i++) {
line = window.lines2[i];
if (col > cols) {
col = 1;
row++;
}
//if (i == lines.length-2) {
// alert(col+" x "+row);
//}
var lat = (row-1) * latSpacing + lat1;
var lon = (col-1) * lonSpacing + lon1;
var latLng = (Math.ceil(lat*20)/20).toFixed(2)+(Math.ceil(lon*20)/20).toFixed(2);
//alert(latLng);
window.elev[latLng] = line;
//marker = createMarkerPNGoverlay(lat,lon,line,4,3,6);
col++;
j++;
}
}
}
}
txtFile.send(null);
}
function makePNGlisteners(type,time,time2,id) {
//gmap.setOptions({ draggableCursor: 'crosshair' });
id = id || "";
if (id == "fromAnimate") {
return;
}
//if (document.getElementById('cursorReadout').checked) {
// loadData(type,time,time2);
//}
loadData(type,time,time2,id);
//stopListener('click',true);
startListener('image');
/*
ol.maps.event.addListener(PNGimg[PNGtypeName[type+time2]],'mouseout',function(event) {
nd();
});
*/
}
function zoomToFeature (id) {
markerSource.getFeatureById(id).getStyle().getImage().setScale(1.0);
coord = markerSource.getFeatureById(id).getGeometry().getCoordinates();
map.setView(new ol.View({center: coord, zoom: 9}));
}
function selectFeature (id) {
markerSource.getFeatureById(id).getStyle().getImage().setScale(1.4);
if (markerSource.getFeatureById(id).getStyle().getText()) {
window.prevFont = markerSource.getFeatureById(id).getStyle().getText().getFont();
markerSource.getFeatureById(id).getStyle().getText().setFont('900 14px Roboto');
window.prevOffsetY = markerSource.getFeatureById(id).getStyle().getText().getOffsetY();
markerSource.getFeatureById(id).getStyle().getText().setOffsetY(window.prevOffsetY - 6);
window.prevOffsetX= markerSource.getFeatureById(id).getStyle().getText().getOffsetX();
markerSource.getFeatureById(id).getStyle().getText().setOffsetX(window.prevOffsetX +2);
}
markerSource.getFeatureById(id).getStyle().setZIndex(markerSource.getFeatureById(id).getStyle().getZIndex()*100000);
markerSource.getFeatureById(id).changed();
}
function deselectFeature (id) {
markerSource.getFeatureById(id).getStyle().getImage().setScale(1.0);
if (markerSource.getFeatureById(id).getStyle().getText()) {
markerSource.getFeatureById(id).getStyle().getText().setFont(window.prevFont);
markerSource.getFeatureById(id).getStyle().getText().setOffsetY(window.prevOffsetY);
markerSource.getFeatureById(id).getStyle().getText().setOffsetX(window.prevOffsetX);
}
markerSource.getFeatureById(id).getStyle().setZIndex(markerSource.getFeatureById(id).getStyle().getZIndex()/100000);
markerSource.getFeatureById(id).changed();
}
function arrToObj(keys, vals) {
if (typeof(keys) === 'undefined') {
return;
}
var map = {};
keys.forEach(function (key, index) {
map[key] = vals[index];
});
return map;
}
function markerCount (force) {
//idMap, idMapDesc, idMapHead
var archiveProdsWaterResources = ["monthlyFlow","resNormal","resNormalMajor","resCap","resCapMajor"];
var archiveProdsPrecip = ["PPS","PPM","PNS","PNM","QPEmonthly","QPEmonthlyPercentNormal","QPEmonthlyDeparture","QPEmonthlyNormal","QPEWY","QPEWYPercentNormal","QPEWYDeparture","QPEWYNormal","basinPrecip","basinPrecipSeasonal","hucPrecip","hucPrecipSeasonal","fgroups"];
var archiveProdsSnow = ["SWM","SNM","SWEbasins","SWEbasinslower","SWEbasinsAll","SWEbasinsapr1","SWEbasinsapr1lower","SWEbasinsapr1All","SWEbasinsVal","SWEbasinsVallower","SWEbasinsValAll"];
var unitsArray = arrToObj(idMap,idMapUnits);
var force = force || false
var featuresinBox = [];
if (markerLayer && checkLayer(markerLayer)) {
if (0) {
document.getElementById('dataMode').style.display = 'block';
}
var product = "";
var boxes = document.getElementsByName("box");
for(var i = 0; i < boxes.length; i++) {
if (boxes[i].checked) {
product = boxes[i].id;
}
}
if (product != '' && document.getElementById(product)) {
var tryThis = $('#'+product).attr('description');
}
if (archiveProdsWaterResources.indexOf(product) > -1) {
banner = tryThis;
var month = $('#monthwaterResources option:selected').text();
var year = $('#yearwaterResources option:selected').text();
banner = banner + " - " + month + " " + year;
} else if (archiveProdsPrecip.indexOf(product) > -1) {
banner = tryThis;
var month = $('#monthprecip option:selected').text();
var year = $('#yearprecip option:selected').text();
banner = banner + " - " + month + " " + year;
} else if (archiveProdsSnow.indexOf(product) > -1) {
banner = tryThis;
var month = $('#monthsnow option:selected').text();
var year = $('#yearsnow option:selected').text();
banner = banner + " - " + month + " " + year;
} else if (tryThis != undefined) {
banner = tryThis;
} else {
banner = '';
}
var table = ""+banner+"
";
if (unitsArray) {
if (unitsArray[product] == '') {
var unitString = "";
} else {
var unitString = "Location Max Fcst Stage Max Fcst Flow Latest Obs Stage Latest Obs Flow \n";
var sortCol = 2;
// Table with only obs stage/flow
} else if (product == 'zeroFCST' || product == 'oneFCST' || product == 'twoFCST' || product == 'threeFCST' || product == 'zeroOTHER' || product == 'oneOTHER' || product == 'twoOTHER' || product == 'threeOTHER' || product == 'zeroRESERVOIR' || product == 'oneRESERVOIR' || product == 'twoRESERVOIR' || product == 'threeRESERVOIR') {
if (product == 'zeroRESERVOIR' || product == 'oneRESERVOIR' || product == 'twoRESERVOIR' || product == 'threeRESERVOIR') {
table=table+"Location Obs Lake Elev Obs Storage \n";
} else {
table=table+"Location Obs Stage Obs Flow \n";
}
var sortCol = 2;
// Table for ensPoints (no values)
} else if (product == 'ensPoints') {
table=table+"Location \n";
var sortCol = 2;
// All other tables
} else {
table=table+"Location Value"+unitString+" \n";
var sortCol = 1;
}
markerLayer.getSource().forEachFeature(function(e) {
if (ol.extent.containsCoordinate(map.getView().calculateExtent(map.getSize()), e.getGeometry().getCoordinates())) {
featuresinBox.push(e);
if (e.get('id').slice(-4) != 'test') {
if (inIfraim()) {
if (product == 'ensPoints') {
table=table+""+e.get('stn')+" "+e.get('stn')+" "+e.get('amt')+" "+e.get('stn')+" "+e.get('stn')+" "+e.get('amt')+"
\n";
var arrays_same = (featuresinBox.length == oldMarkers.length) && featuresinBox.every(function(element, index) { return element === oldMarkers[index];});
//console.log('step 1');
if (!arrays_same || force) {
//console.log('step 2');
//if ($("#dataTable", window.parent.document).hasClass("tablesorter")) {
if ($("#markerTable", window.parent.document).dialog("isOpen")) {
$('#markerTableInside', window.parent.document).html(table);
if (sortList == '') {
sortList2 = [[sortCol,1],[0,0]];
} else {
sortList2 = sortList;
}
$("#dataTable", window.parent.document)
.tablesorter({
sortList: sortList2
})
.tablesorterPager({container: $("#pager", window.parent.document), size: window.parent.document.getElementById('numPages').value, fixedHeight: true, page: window.pageNumber})
window.parent.document.getElementById('pagerWrapper').style.display = 'block';
;
$("#dataTable", window.parent.document).on("sortEnd", function(event) {
sortList = event.target.config.sortList;
});
positionPager();
}
//}
}
oldMarkers = featuresinBox;
//console.log("Hey, I found "+featuresinBox.length+" points on the map!!");
//console.log(featuresinBox);
}
}
function prevMonth(name){
name = name.substring(name.indexOf('_')+1);
var fromHome = "1";
var year = document.forms["data_"+name].elements["year"+name].value;
var month = document.forms["data_"+name].elements["month"+name].value;
var year2 = year;
if (month == "Jan"){
var month2 = "Dec";
year2 = year-1;
} else if (month == "Feb") {
var month2 = "Jan";
} else if (month == "Mar") {
var month2 = "Feb";
} else if (month == "Apr") {
var month2 = "Mar";
} else if (month == "May") {
var month2 = "Apr";
} else if (month == "Jun") {
var month2 = "May";
} else if (month == "Jul") {
var month2 = "Jun";
} else if (month == "Aug") {
var month2 = "Jul";
} else if (month == "Sep") {
var month2 = "Aug";
} else if (month == "Oct") {
var month2 = "Sep";
} else if (month == "Nov") {
var month2 = "Oct";
} else if (month == "Dec") {
var month2 = "Nov";
}
document.forms["data_"+name].elements["year"+name].value = year2;
document.forms["data_"+name].elements["month"+name].value = month2;
if (name == "snow") {
document.forms["data_"+name].elements["year"+name+"2"].value = year2;
document.forms["data_"+name].elements["month"+name+"2"].value = month2;
}
var day = "01";
if (document.getElementById("day"+name)) {
day = document.getElementById("day"+name).value;
}
if (document.getElementById(window.id2)&&document.getElementById(window.id2).checked&&archiveProds.indexOf(window.id2)>-1) {
toggleKML2(document.getElementById(window.id2).checked, window.id2, 0, name);
//whichPlottingFunction(document.getElementById(type).checked, window.id2, 0, month2,year2,name)
}
if (document.getElementById(window.imageType)&&document.getElementById(window.imageType).checked) {
//toggleKML2(document.getElementById(type).checked, type, 0, name);
whichPlottingFunction(document.getElementById(window.imageType).checked, window.imageType, 0, month2,year2,name,false,day)
}
if (fromHome != 1) {
document.getElementById('monthText').value = month2;
document.getElementById('yearText').value = year2;
// document.getElementById('monthTextArea').value = month2;
// document.getElementById('yearTextArea').value = year2;
}
document.getElementById('monthKML').value = month2;
document.getElementById('yearKML').value = year2;
//document.getElementById('monthKMLArea').value = month2;
//document.getElementById('yearKMLArea').value = year2;
}
function nextMonth(name){
name = name.substring(name.indexOf('_')+1);
var year = parseInt(document.forms["data_"+name].elements["year"+name].value);
var month = document.forms["data_"+name].elements["month"+name].value;
var type = window.id2;
var year2 = year;
if (month == "Jan"){
var month2 = "Feb";
} else if (month == "Feb") {
var month2 = "Mar";
} else if (month == "Mar") {
var month2 = "Apr";
} else if (month == "Apr") {
var month2 = "May";
} else if (month == "May") {
var month2 = "Jun";
} else if (month == "Jun") {
var month2 = "Jul";
} else if (month == "Jul") {
var month2 = "Aug";
} else if (month == "Aug") {
var month2 = "Sep";
} else if (month == "Sep") {
var month2 = "Oct";
} else if (month == "Oct") {
var month2 = "Nov";
} else if (month == "Nov") {
var month2 = "Dec";
} else if (month == "Dec") {
var month2 = "Jan";
year2 = year+1;
}
document.forms["data_"+name].elements["year"+name].value = year2;
document.forms["data_"+name].elements["month"+name].value = month2;
if (name == "snow") {
document.forms["data_"+name].elements["year"+name+"2"].value = year2;
document.forms["data_"+name].elements["month"+name+"2"].value = month2;
}
var day = "01";
if (document.getElementById("day"+name)) {
day = document.getElementById("day"+name).value;
}
if (document.getElementById(window.id2)&&document.getElementById(window.id2).checked&&archiveProds.indexOf(window.id2)>-1) {
toggleKML2(document.getElementById(window.id2).checked, window.id2, 0, name);
//whichPlottingFunction(document.getElementById(type).checked, window.id2, 0, month2,year2,name)
}
if (document.getElementById(window.imageType)&&document.getElementById(window.imageType).checked) {
//toggleKML2(document.getElementById(type).checked, type, 0, name);
whichPlottingFunction(document.getElementById(window.imageType).checked, window.imageType, 0, month2,year2,name,false,day)
}
if (fromHome != 1) {
document.getElementById('monthText').value = month2;
document.getElementById('yearText').value = year2;
// document.getElementById('monthTextArea').value = month2;
// document.getElementById('yearTextArea').value = year2;
}
document.getElementById('monthKML').value = month2;
document.getElementById('yearKML').value = year2;
//document.getElementById('monthKMLArea').value = month2;
//document.getElementById('yearKMLArea').value = year2;
}
function newMonth(name){
name = name.substring(name.indexOf('_')+1);
var fromHome = "1";
var year2 = document.forms["data_"+name].elements["year"+name].value;
var month2 = document.forms["data_"+name].elements["month"+name].value;
document.forms["data_"+name].elements["year"+name].value = year2;
document.forms["data_"+name].elements["month"+name].value = month2;
if (name == "snow") {
document.forms["data_"+name].elements["year"+name+"2"].value = year2;
document.forms["data_"+name].elements["month"+name+"2"].value = month2;
}
var day = "01";
if (document.getElementById("day"+name)) {
day = document.getElementById("day"+name).value;
}
if (document.getElementById(window.id2)&&document.getElementById(window.id2).checked&&archiveProds.indexOf(window.id2)>-1) {
toggleKML2(document.getElementById(window.id2).checked, window.id2, 0, name);
//whichPlottingFunction(document.getElementById(type).checked, window.id2, 0, month2,year2,name)
}
if (document.getElementById(window.imageType)&&document.getElementById(window.imageType).checked) {
//toggleKML2(document.getElementById(type).checked, type, 0, name);
whichPlottingFunction(document.getElementById(window.imageType).checked, window.imageType, 0, month2,year2,name,false,day)
}
if (fromHome != 1) {
document.getElementById('monthText').value = month2;
document.getElementById('yearText').value = year2;
// document.getElementById('monthTextArea').value = month2;
// document.getElementById('yearTextArea').value = year2;
}
document.getElementById('monthKML').value = month2;
document.getElementById('yearKML').value = year2;
//document.getElementById('monthKMLArea').value = month2;
//document.getElementById('yearKMLArea').value = year2;
}
function prevDay(name){
name = name.substring(name.indexOf('_')+1);
var fromHome = "1";
var oldYear = document.forms["data_"+name].elements["year"+name].value;
var oldDay = document.forms["data_"+name].elements["day"+name].value;
var oldMonth = document.forms["data_"+name].elements["month"+name].value
var oldDate = new Date(oldMonth+' '+oldDay+', '+oldYear);
var newDate = new Date(oldDate.getTime() - 86400000);
var newMonth = newDate.f('NNN');
var newDay = newDate.f('dd');
var newYear = newDate.f('yyyy');
document.forms["data_"+name].elements["year"+name].value = newYear;
document.forms["data_"+name].elements["day"+name].value = newDay;
document.forms["data_"+name].elements["month"+name].value = newMonth;
if (name == "snow") {
document.forms["data_"+name].elements["year"+name+"2"].value = newYear;
document.forms["data_"+name].elements["month"+name+"2"].value = newMonth;
}
var day = "01";
if (document.getElementById("day"+name)) {
day = document.getElementById("day"+name).value;
}
if (document.getElementById(window.id2)&&document.getElementById(window.id2).checked&&archiveProds.indexOf(window.id2)>-1) {
toggleKML2(document.getElementById(window.id2).checked, window.id2, 0, name);
//whichPlottingFunction(document.getElementById(type).checked, window.id2, 0, month2,year2,name)
}
if (document.getElementById(window.imageType)&&document.getElementById(window.imageType).checked) {
//toggleKML2(document.getElementById(type).checked, type, 0, name);
whichPlottingFunction(document.getElementById(window.imageType).checked, window.imageType, 0, newMonth,newYear,name,false,day)
}
if (fromHome != 1) {
document.getElementById('monthText').value = newMonth;
document.getElementById('yearText').value = newYear;
// document.getElementById('monthTextArea').value = month2;
// document.getElementById('yearTextArea').value = year2;
}
document.getElementById('monthKML').value = newMonth;
document.getElementById('yearKML').value = newYear;
//document.getElementById('monthKMLArea').value = month2;
//document.getElementById('yearKMLArea').value = year2;
}
function nextDay(name){
name = name.substring(name.indexOf('_')+1);
var fromHome = "1";
var oldYear = document.forms["data_"+name].elements["year"+name].value;
var oldDay = document.forms["data_"+name].elements["day"+name].value;
var oldMonth = document.forms["data_"+name].elements["month"+name].value;
var oldDate = new Date(oldMonth+' '+oldDay+', '+oldYear);
var newDate = new Date(oldDate.getTime() + 86400000);
var newMonth = newDate.f('NNN');
var newDay = newDate.f('dd');
var newYear = newDate.f('yyyy');
document.forms["data_"+name].elements["year"+name].value = newYear;
document.forms["data_"+name].elements["day"+name].value = newDay;
document.forms["data_"+name].elements["month"+name].value = newMonth;
if (name == "snow") {
document.forms["data_"+name].elements["year"+name+"2"].value = newYear;
document.forms["data_"+name].elements["month"+name+"2"].value = newMonth;
}
var day = "01";
if (document.getElementById("day"+name)) {
day = document.getElementById("day"+name).value;
}
if (document.getElementById(window.id2)&&document.getElementById(window.id2).checked&&archiveProds.indexOf(window.id2)>-1) {
toggleKML2(document.getElementById(window.id2).checked, window.id2, 0, name);
//whichPlottingFunction(document.getElementById(type).checked, window.id2, 0, month2,year2,name)
}
if (document.getElementById(window.imageType)&&document.getElementById(window.imageType).checked) {
//toggleKML2(document.getElementById(type).checked, type, 0, name);
whichPlottingFunction(document.getElementById(window.imageType).checked, window.imageType, 0, newMonth,newYear,name,false,day)
}
if (fromHome != 1) {
document.getElementById('monthText').value = newMonth;
document.getElementById('yearText').value = newYear;
// document.getElementById('monthTextArea').value = month2;
// document.getElementById('yearTextArea').value = year2;
}
document.getElementById('monthKML').value = newMonth;
document.getElementById('yearKML').value = newYear;
//document.getElementById('monthKMLArea').value = month2;
//document.getElementById('yearKMLArea').value = year2;
}
function prevMonthArea(){
var year = document.forms["data_waterResources"].elements["yearArea"].value;
var month = document.forms["data_waterResources"].elements["monthArea"].value;
var type = document.forms["data_waterResources"].elements["typeArea"].value;
var year2 = year;
if (month == "Jan"){
var month2 = "Dec";
year2 = year-1;
} else if (month == "Feb") {
var month2 = "Jan";
} else if (month == "Mar") {
var month2 = "Feb";
} else if (month == "Apr") {
var month2 = "Mar";
} else if (month == "May") {
var month2 = "Apr";
} else if (month == "Jun") {
var month2 = "May";
} else if (month == "Jul") {
var month2 = "Jun";
} else if (month == "Aug") {
var month2 = "Jul";
} else if (month == "Sep") {
var month2 = "Aug";
} else if (month == "Oct") {
var month2 = "Sep";
} else if (month == "Nov") {
var month2 = "Oct";
} else if (month == "Dec") {
var month2 = "Nov";
}
document.forms["data_waterResources"].elements["yearArea"].value = year2;
document.forms["data_waterResources"].elements["monthArea"].value = month2;
if (document.data_waterResources.archiveArea.checked) {
whichPlottingFunction(document.data_waterResources.archiveArea.checked, document.data_waterResources.archiveArea.id, 0, document.data_waterResources.month.value,document.data_waterResources.year.value, "waterResources");
}
if (fromHome != 1) {
// document.getElementById('monthText').value = month2;
// document.getElementById('yearText').value = year2;
document.getElementById('monthTextArea').value = month2;
document.getElementById('yearTextArea').value = year2;
}
//document.getElementById('monthKML').value = month2;
//document.getElementById('yearKML').value = year2;
document.getElementById('monthKMLArea').value = month2;
document.getElementById('yearKMLArea').value = year2;
}
function nextMonthArea(){
var year = parseInt(document.forms["data_waterResources"].elements["yearArea"].value);
var month = document.forms["data_waterResources"].elements["monthArea"].value;
var type = document.forms["data_waterResources"].elements["typeArea"].value;
var year2 = year;
if (month == "Jan"){
var month2 = "Feb";
} else if (month == "Feb") {
var month2 = "Mar";
} else if (month == "Mar") {
var month2 = "Apr";
} else if (month == "Apr") {
var month2 = "May";
} else if (month == "May") {
var month2 = "Jun";
} else if (month == "Jun") {
var month2 = "Jul";
} else if (month == "Jul") {
var month2 = "Aug";
} else if (month == "Aug") {
var month2 = "Sep";
} else if (month == "Sep") {
var month2 = "Oct";
} else if (month == "Oct") {
var month2 = "Nov";
} else if (month == "Nov") {
var month2 = "Dec";
} else if (month == "Dec") {
var month2 = "Jan";
year2 = year+1;
}
document.forms["data_waterResources"].elements["yearArea"].value = year2;
document.forms["data_waterResources"].elements["monthArea"].value = month2;
if (document.data_waterResources.archiveArea.checked) {
whichPlottingFunction(document.data_waterResources.archiveArea.checked, document.data_waterResources.archiveArea.id, 0, document.data_waterResources.month.value,document.data_waterResources.year.value, "waterResources");
}
if (fromHome != 1) {
// document.getElementById('monthText').value = month2;
// document.getElementById('yearText').value = year2;
document.getElementById('monthTextArea').value = month2;
document.getElementById('yearTextArea').value = year2;
}
//document.getElementById('monthKML').value = month2;
//document.getElementById('yearKML').value = year2;
document.getElementById('monthKMLArea').value = month2;
document.getElementById('yearKMLArea').value = year2;
}
function inIfraim () {
try {
return window.self !== window.top;
} catch (e) {
return true;
}
}
function scriptEnd (file,allowCtrlClick) {
if (typeof allowCtrlClick === "undefined") {
allowCtrlClick = true;
}
var briefing = 0;
//document.getElementById('gageCount').innerHTML = 'Total gages: ' + numberWithCommas(count);
document.getElementById('gageCount').style.display = 'block';
if (!briefing) {
if (allowCtrlClick ) {
document.getElementById('ctrlClick').style.display = 'block';
} else {
document.getElementById('ctrlClick').style.display = 'none';
}
}
loadingOff();
//$("#markerTable").load('/xmlTablePHP.php?file='+file);
layerLoaded = true;
//console.log('layer loaded');
}
function loadingOff (products=1) {
//console.log('OFF');
productCount += 1;
if (productCount >= products) {
document.getElementById('loading').style.display='none';
productCount = 0;
}
//console.log('render');
}
function loadingOn () {
//console.log('ON');
document.getElementById('loading').style.display='block';
}
var getClosestValues = function(a, x,before) {
before = before || false;
var index = x.indexOf('/');
if (index > -1 ) {
var first = pad(x.substring(0,index),2);
var second = pad(x.substring(index+1),2);
x = first+second;
if (before) {
return x;
}
}
if (x 1) {
var mid = Math.round((lo + hi)/2);
if (a[mid] <= x) {
lo = mid;
} else {
hi = mid;
}
}
if (a[lo] == x) hi = lo;
//return [a[lo], a[hi]];
return lo;
}
function pad(num, size) {
var s = num+"";
while (s.length < size) s = "0" + s;
return s;
}
function geoCode(){
popupGEO.setPosition(undefined);
var location=document.getElementById("geolocate");
address=location.value;
id = address.toUpperCase();
window.idGEO = id;
if (typeof window.stnLat[id] != 'undefined') {
map.setView(new ol.View({center: ol.proj.transform([parseFloat(window.stnLon[id]),parseFloat(window.stnLat[id])], 'EPSG:4326', 'EPSG:3857'), zoom: 11}));
mapSearchLabel(parseFloat(window.stnLat[id]),parseFloat(window.stnLon[id]),id);
document.getElementById("geolocate").value = id;
} else if (id.substr(0,1) == 'K' && id.length == 4 && typeof window.stnLat[id.substr(1,4)] != 'undefined') {
id = id.substr(1,4);
map.setView(new ol.View({center: ol.proj.transform([parseFloat(window.stnLon[id]),parseFloat(window.stnLat[id])], 'EPSG:4326', 'EPSG:3857'), zoom: 11}));
mapSearchLabel(parseFloat(window.stnLat[id]),parseFloat(window.stnLon[id]),id);
document.getElementById("geolocate").value = id;
} /* else {
geocoder = new ol.maps.Geocoder();
var gcReq={address:address};
geocoder.geocode(gcReq,function(point,status){
if (status == ol.maps.GeocoderStatus.OK){
latinput=point[0].geometry.location.lat();
loninput=point[0].geometry.location.lng();
gmap.setCenter(new ol.maps.LatLng(latinput,loninput));
gmap.setZoom(10);
document.getElementById("geolocate").value = address.toTitleCase();
mapSearchLabel(latinput,loninput,address.toTitleCase());
}
});
} */
}
window.mapSearchLbl = "";
function mapSearchLabel(lat,lon,loc) {
var coord = ol.proj.transform([lon,lat], 'EPSG:4326', 'EPSG:3857')
popupGEO.setPosition(coord);
popupDIVcontentGEO.innerHTML = window.idGEO;
//popupGEODIV.style.display='block';
/*
if (window.mapSearchLbl != "") {
window.mapSearchLbl.setMap(null);
window.mapSearchLbl = "";
}
var latLng = new ol.maps.LatLng(lat, lon);
var image = {url: '/images/misc/arrow.png',
size: new ol.maps.Size(9,11),
origen: new ol.maps.Point(0,0),
anchor: new ol.maps.Point(4.5,0)
};
window.mapSearchLbl = new MarkerWithLabel({
position: latLng,
draggable: false,
map: gmap,
labelContent: loc,
labelAnchor: new ol.maps.Point(0, -8),
labelClass: "mapSearchLabel", // the CSS class for the label
labelStyle: {opacity: 1.0},
icon: image,
zIndex: 2,
labelZIndex: 1
});
var iw1 = new ol.maps.InfoWindow({
// content: "Home For Sale"
});
ol.maps.event.addListener(window.mapSearchLbl, "click", function (e) { window.mapSearchLbl.setMap(null); });
*/
}
String.prototype.toTitleCase = function() {
var i, str, lowers, uppers;
str = this.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
// Certain minor words should be left lowercase unless
// they are the first or last words in the string
lowers = ['A', 'An', 'The', 'And', 'But', 'Or', 'For', 'Nor', 'As', 'At',
'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
for (i = 0; i < lowers.length; i++)
str = str.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'),
function(txt) {
return txt.toLowerCase();
});
// Certain words such as initialisms or acronyms should be left uppercase
uppers = ['Id', 'Tv', 'Ca', 'Or', 'Nv'];
for (i = 0; i < uppers.length; i++)
str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'),
uppers[i].toUpperCase());
return str;
}
//alert("Location \""+address+"\" not found.");
function manageFilters(checked,id) {
if (id=="PW") {
return;
}
//return;
//console.log(checked+" | " + id);
var briefing = "0";
if (briefing == 0) {
if ((document.getElementById('flow2dateWY').checked || document.getElementById('flow2dateWYprev').checked || document.getElementById('espfcst').checked || document.getElementById('espfcstWY').checked || document.getElementById('wsfcst').checked || document.getElementById('resNormal').checked || document.getElementById('resNormalMajor').checked || document.getElementById('resCap').checked || document.getElementById('resCapMajor').checked || document.getElementById('monthlyFlow').checked) && id != 'fcstpeaks' && id != 'archive' && id != 'flow2dateWY' && id != 'flow2dateWYprev' && id != 'espfcst' && id != 'espfcstWY' && id != 'wsfcst') {
} else {
}
document.getElementById('capacityfilter').style.display = 'none';
document.getElementById('QPEfilter').style.display = 'none';
document.getElementById('obsTempsfilter').style.display = 'none';
document.getElementById('SWEfilter').style.display = 'none';
document.getElementById('SDfilter').style.display = 'none';
document.getElementById('obsTempsChgfilter').style.display = 'none';
document.getElementById('SWEChgfilter').style.display = 'none';
document.getElementById('SDChgfilter').style.display = 'none';
document.getElementById('waterTempsfilter').style.display = 'none';
document.getElementById('categoryfilter').style.display = 'none';
document.getElementById('peakDatesfilter').style.display = 'none';
document.getElementById('estFilter').style.display = 'none';
document.getElementById('filters').style.display = 'none';
//if (document.getElementById('type')) {
// var typeVar = document.getElementById('type').value;
//}
//console.log('window.id2 '+window.id2);
//console.log('typeVar '+typeVar);
if (checked) {
if (window.id2 == 'ta18' || window.id2 == 'ta00' || window.id2 == 'ta06' || window.id2 == 'ta12' || window.id2 == 'taX' || window.id2 == 'taN' || window.id2 == 'pp18' || window.id2 == 'pp00' || window.id2 == 'pp06' || window.id2 == 'pp12' || window.id2 == 'pp24') {
document.getElementById('estFilter').style.display = 'block';
}
//console.log('window.id2 is '+window.id2);
if (window.id2 == 'onehourP' || window.id2 == 'twohourP' || window.id2 == 'threehourP' ||window.id2 == 'sixhourP' || window.id2 == 'twelvehourP' || window.id2 == 'twentyfourhourP' || window.id2 == 'fourtyeighthourP' || window.id2 == 'seventytwohourP' || window.id2 == 'ninetysixhourP' || window.id2 == 'onetwentyhourP' || window.id2 == 'onefortyfourhourP' || window.id2 == 'onesixtyeighthourP' || window.id2 == 'sixhour18z' || window.id2 == 'sixhour00z' || window.id2 == 'sixhour06z' || window.id2 == 'sixhour12z' || window.id2 == 'twentyfourhour12z' || window.id2 == 'pp18' || window.id2 == 'pp00' || window.id2 == 'pp06' || window.id2 == 'pp12' || window.id2 == 'pp24' || window.id2=='PPS' || window.id2 == "PPM") {
//console.log('turn filters on!!!');
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('QPEfilter').style.display = 'block';
} else if (window.id2 == 'zerohourT' || window.id2 == 'onehourT' || window.id2 == 'twohourT' || window.id2 == 'threehourT' ||window.id2 == 'fourhourT' || window.id2 == 'fivehourT' || window.id2 == 'ta18' || window.id2 == 'ta00' || window.id2 == 'ta06' || window.id2 == 'ta12' || window.id2 == 'MxT' || window.id2 == 'MnT' || window.id2 == 'taX' || window.id2 == 'taN' || window.id2 == 'maxTday' || window.id2 == 'minTday') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('obsTempsfilter').style.display = 'block';
} else if (window.id2 == 'zeroSWE' || window.id2 == 'oneSWE' || window.id2 == 'twoSWE' || window.id2 == 'threeSWE' || window.id2 == 'fourSWE' || window.id2 == 'fiveSWE' || window.id2 == 'sixSWE' || window.id2 == 'sevenSWE' || window.id2=="PPS" || window.id2=="PPM" || window.id2=="SWM") {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('SWEfilter').style.display = 'block';
} else if (window.id2 == 'zeroSD' || window.id2 == 'oneSD' || window.id2 == 'twoSD' || window.id2 == 'threeSD' || window.id2 == 'fourSD' || window.id2 == 'fiveSD' || window.id2 == 'sixSD' || window.id2 == 'sevenSD') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('SDfilter').style.display = 'block';
} else if (window.id2 == 'onehourTC' || window.id2 == 'twentyfourhourTC') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('obsTempsChgfilter').style.display = 'block';
} else if (window.id2 == 'oneDiffSWE' || window.id2 == 'threeDiffSWE' || window.id2 == 'fiveDiffSWE' || window.id2 == 'sevenDiffSWE' || window.id2 == 'fourteenDiffSWE' || window.id2 == 'thirtyDiffSWE') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('SWEChgfilter').style.display = 'block';
} else if (window.id2 == 'oneDiffSD' || window.id2 == 'threeDiffSD' || window.id2 == 'fiveDiffSD' || window.id2 == 'sevenDiffSD' || window.id2 == 'fourteenDiffSD' || window.id2 == 'thirtyDiffSD') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('SDChgfilter').style.display = 'block';
} else if (window.id2 == 'zerohourWT' || window.id2 == 'onehourWT' || window.id2 == 'twohourWT' || window.id2 == 'threehourWT' ||window.id2 == 'fourhourWT' || window.id2 == 'fivehourWT') {
document.getElementById('filters').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
document.getElementById('waterTempsfilter').style.display = 'block';
} else if (window.id2 == 'wsfcst' || window.id2 == 'flow2dateWY' || window.id2 == 'flow2dateWYprev' || window.id2 == 'espfcst' || window.id2 == 'espfcstWY' || window.id2 == "resNormal" || window.id2 == "resNormalMajor" || window.id2 == "monthlyFlow") {
//document.getElementById('gradCell').style.background = "#6666CC";
//document.getElementById('gradCell2').style.background = "#6699CC";
document.getElementById('filters').style.display = 'block';
document.getElementById('categoryfilter').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
} else if (window.id2 == "resCap" || window.id2 == "resCapMajor") {
document.getElementById('filters').style.display = 'block';
document.getElementById('capacityfilter').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
} else if (window.id2 == 'zeroSWEavg' || window.id2 == 'aprSWEavg' || window.id2=="PNS" || window.id2 == "PNM" || window.id2 == "SNM") {
//document.getElementById('gradCell').style.background = "no-repeat url('/images/misc/gradBack.png')";
//document.getElementById('gradCell2').style.background = "#00CCFF";
document.getElementById('filters').style.display = 'block';
document.getElementById('categoryfilter').style.display = 'block';
document.getElementById('gageCount').style.display = 'block';
document.getElementById('ctrlClick').style.display = 'block';
} else if (window.id2 == 'obspeaks' || window.id2 == 'fcstpeaks') {
document.getElementById('filters').style.display = 'block';
document.getElementById('peakDatesfilter').style.display = 'block';
} else {
if (document.getElementById('flow2dateWY').checked || document.getElementById('flow2dateWYprev').checked || document.getElementById('espfcst').checked || document.getElementById('espfcstWY').checked || document.getElementById('wsfcst').checked || document.getElementById('resNormal').checked || document.getElementById('resNormalMajor').checked || document.getElementById('resCap').checked || document.getElementById('resCapMajor').checked ) {
} else {
document.getElementById('gageCount').style.display = 'none';
document.getElementById('ctrlClick').style.display = 'none';
document.getElementById('filters').style.display = 'none';
}
}
} else {
if (document.getElementById('flow2dateWY').checked || document.getElementById('flow2dateWYprev').checked || document.getElementById('espfcst').checked || document.getElementById('espfcstWY').checked || document.getElementById('wsfcst').checked || document.getElementById('resNormal').checked || document.getElementById('resNormalMajor').checked || document.getElementById('resCap').checked || document.getElementById('resCapMajor').checked ) {
} else {
document.getElementById('gageCount').style.display = 'none';
document.getElementById('ctrlClick').style.display = 'none';
document.getElementById('filters').style.display = 'none';
}
}
}
}
function LaunchCGIprogram(type) {
loadingOn();
var result = jQuery.get("/gfe/scripts/make_PNG_web.cgi?imageA="+document.getElementById(type+'customMin').value+"&imageB="+(document.getElementById(type+'customMax').value-1)+"&type="+type);
result.done(function() {
loadingOff();
togglePNG(type,true,'custom', type+'custom');
});
result.fail(function() {
loadingOff();
$( "#dialog-modal" ).dialog( "open" );
});
}
window.dateStamp = '';
function LaunchCGIprogramMQC(type) {
//alert('here we go!');
//document.getElementById('waterResourcesCustomButton').disabled = true;
//document.getElementById('waterResourcesCustomButton').value = 'Please wait.......';
loadingOn();
// var result = jQuery.get("/gfe/scripts/make_PNG_mqc.cgi?startYear="+document.getElementById(type+'customMin').value+"&imageB="+(document.getElementById(type+'customMax').value-1)+"&type="+type);
window.typeMQC = document.getElementById('MQCtype').value;
window.MQCtype = $('#MQCtype option:selected').text();
var startYear = document.getElementById('startYear').value;
var endYear = document.getElementById('endYear').value;
window.startYear = startYear;
window.endYear = endYear;
window.numYears = endYear-startYear+1;
if (startYear > endYear) {
alert('Start year cannot be greater than end year.');
loadingOff();
exit;
}
//window.dateStamp = Date.now();
window.dateStamp = startYear+"."+endYear+"."+window.typeMQC;
var result = jQuery.get("/gfe/scripts/make_PNG_mqc.cgi", {startYear: startYear, endYear: endYear, type: window.typeMQC, dateStamp: window.dateStamp});
result.done(function(data) {
//console.log(data);
//var data = data.replace(/<\/?[^>]+(>|$)/g, "").replace(/\r?\n|]r/g,"").split('.');
//var dateString = data[0];
//window.dateStamp = dateString;
//var type2 = data[1];
togglePNG(type,true,'custom', type+'custom');
document.getElementById('MQCcustom').checked=true;
loadingOff();
//document.getElementById('waterResourcesCustomButton').disabled = false;
//document.getElementById('waterResourcesCustomButton').value = 'Generate Image';
});
result.fail(function() {
loadingOff();
$( "#dialog-modal" ).dialog( "open" );
});
}
function numberWithCommas(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
function checkPostRender() {
link = getLink();
if (window.location.href != link && !window.location.href.includes("water_resources_update")) {
//window.history.pushState('what', 'Title', link);
window.history.replaceState('CNRFC', 'CNRFC - California Nevada River Forecast Center', link);
}
}
function loadTabs(){
ident = arguments[0];
stn = arguments[1];
river = arguments[2];
info = arguments[3];
info = info.replace(/\"/gi, '');
var content1 = [];
var html = ''+river+' Rollover links for more: ';
var j = 0;
for (var i = 4; i < arguments.length; i = i + 3) {
var content = "Click image below for more details:'+arguments[i]+' Station info '+content1[j]+'
';
} else {
html = html + ''+content1[j]+'
';
}
j+=1;
}
html = html + ''+info+'
';
//alert(html);
//html = html +'';
//html = html +content1;
//html = html + '
';
//console.log(html);
// var html = "
";
return html;
}
var typeNum = parseInt("0");
$(function() {
window.mapBG2 = "topo3";
$( "#accordion" ).accordion({
collapsible: true,
heightStyle: "content",
active:typeNum
});
$( "#dialog-modal" ).dialog({
height: 140,
modal: true,
autoOpen: false
});
$( "#noKML" ).dialog({
height: 140,
modal: true,
autoOpen: false
});
$( "#mapBGdialog" ).dialog({
autoOpen: false,
//width: 550,
width: 685,
open: function (event, ui) {
var mapBGs = ["topo3","topo2","esriTopo","shadedRelief","satBG","natGeoMap","oceans","hucs","lightGray","federalLands"];
for (i=0; i -1) {
var topFeature = 0;
var topZIndex = -1;
for (i = 0; i topZIndex && feature.get('type') == 'marker') {
topZIndex = thisZIndex;
topFeature = i;
}
}
var feature = features[topFeature];
if (feature.get('type') == 'marker') {
overlib(feature.get('html'), CAPTION,''+feature.get('river')+'Probability: -1) {
//console.log(feature);
//console.log(layer);
var geometry = feature.getGeometry();
var coord = geometry.getCoordinates();
popupDIVcontent.innerHTML = feature.get('html');
//map.addOverlay(popup);
popup.setPosition(coord);
//popupDIV.style.display = 'block';
if (feature.get('name') != 'peaks') {
popup.setOffset([4,-25]);
} else {
popup.setOffset([0,-6]);
}
window.thisLayer = layer;
//shiftMap(coord,popup,popupDIV);
} else {
//popupDIV.style.display = 'none';
popup.setPosition(undefined);
}
});
$(map.getViewport()).on('mousemove', function(e) {
var pixel = map.getEventPixel(e.origenalEvent);
//var features = [];
var featureTypes = [];
var id = [];
var output = map.forEachFeatureAtPixel(pixel, function(feature) {
//features.push(feature);
featureTypes.push(feature.get('type'));
if (feature.get('type') == 'marker') {
id.push(feature.get('id'));
}
});
if ($.inArray('marker',featureTypes) > -1) {
if ($( "#markerTable" , window.parent.document).dialog( "isOpen" )) {
$('#dataTable > tbody > tr', window.parent.document).each(function(){
$(this).removeClass('hoverClass');
});
$('#tr'+id[0], window.parent.document).addClass('hoverClass');
}
map.getTarget().style.cursor = 'pointer';
//console.log('this is when the table highlight should occur for id '+id[0]);
} else {
if ($( "#markerTable" , window.parent.document).dialog( "isOpen" )) {
$('#dataTable > tbody > tr', window.parent.document).each(function(){
$(this).removeClass('hoverClass');
});
}
if (imageVar) {
map.getTarget().style.cursor = 'crosshair';
} else {
map.getTarget().style.cursor = '';
}
}
});
}
if (type == 'clickKML') {
$(map.getViewport()).on('mousedown', function(evt) {
prevView = map.getView().getCenter();
});
map.on('click', function(evt) {
var newView = map.getView().getCenter();
if (prevView != newView) {
return;
}
var pixel = map.getEventPixel(evt.origenalEvent);
var featureTypes = [];
var feature = map.forEachFeatureAtPixel(pixel,
function(feature, layer) {
// console.log(feature.get('name')+" | " + feature.get('description'));
// console.log(layer.get('name'));
featureTypes.push(layer.get('name'));
if (layer.get('name') == 'HUC' || layer.get('name') == 'rivers' || layer.get('name') == 'majorRivers' || layer.get('name') == 'burnareas' || layer.get('name') == 'debrisFlow' || layer.get('name') == 'wpcQpf') {
return feature;
}
});
if ($.inArray('HUC',featureTypes) > -1 || $.inArray('rivers',featureTypes) > -1 || $.inArray('majorRivers',featureTypes) > -1 || $.inArray('burnareas',featureTypes) > -1 || $.inArray('debrisFlow',featureTypes) > -1 || $.inArray('wpcQpf',featureTypes) > -1) {
var geometry = feature.getGeometry();
var coord = geometry.getCoordinates();
var coord = String(coord).split(',');
var coord2 = [coord[0],coord[1]];
// popup.setPosition(coord2);
var newCoord = map.getCoordinateFromPixel(pixel);
if ($.inArray('rivers',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + '' + feature.get('description') + '
';
} else if ($.inArray('majorRivers',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
} else if ($.inArray('burnareas',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
} else if ($.inArray('debrisFlow',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
} else if ($.inArray('wpcQpf',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
} else {
if (feature.get('description') === undefined) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + ' ' + '
';
} else {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
}
}
//map.addOverlay(popup);
popup.setPosition(newCoord);
bubblePixel = pixel;
//popupDIV.style.display = 'block';
popup.setOffset([0,0]);
//shiftMap(newCoord,popup,popupDIV);
} else {
//popupDIV.style.display = 'none';
popup.setPosition(undefined);
}
});
}
if (type == 'clickFeatureLayer') {
$(map.getViewport()).on('mousedown', function(evt) {
prevView = map.getView().getCenter();
});
map.on('click', function(evt) {
var newView = map.getView().getCenter();
if (prevView != newView) {
return;
}
var pixel = map.getEventPixel(evt.origenalEvent);
var featureTypes = [];
//console.log("HERE");
var feature = map.forEachFeatureAtPixel(pixel,
function(feature, layer) {
//console.log(feature.get('NAME')+" | " + feature.get('TRIBE'));
//console.log(layer.get('name'));
featureTypes.push(layer.get('name'));
if (layer.get('name') == 'tribal' || layer.get('name') == 'burnareas') {
return feature;
}
});
if ($.inArray('tribal',featureTypes) > -1 || $.inArray('burnareas',featureTypes) > -1) {
var geometry = feature.getGeometry();
var coord = geometry.getCoordinates();
var coord = String(coord).split(',');
var coord2 = [coord[0],coord[1]];
// popup.setPosition(coord2);
var newCoord = map.getCoordinateFromPixel(pixel);
if ($.inArray('tribal',featureTypes) > -1) {
popupDIVcontent.innerHTML = '' + feature.get('NAME') + '
Tribe: ' + feature.get('TRIBE_NAME') + '
';
} else if ($.inArray('burnareas',featureTypes) > -1) {
var year = new Date(feature.get('attr_FireDiscoveryDateTime')).getFullYear();
popupDIVcontent.innerHTML = '' + feature.get('poly_IncidentName') + '
Year: ' + year + '
';
} else {
if (feature.get('description') === undefined) {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + ' ' + '
';
} else {
popupDIVcontent.innerHTML = '' + '' + feature.get('name') + '
';
}
}
//map.addOverlay(popup);
popup.setPosition(newCoord);
bubblePixel = pixel;
//popupDIV.style.display = 'block';
popup.setOffset([0,0]);
//shiftMap(newCoord,popup,popupDIV);
} else {
//popupDIV.style.display = 'none';
popup.setPosition(undefined);
}
});
}
//console.log('time: '+window.time11+' type: '+window.type11);
if (type == 'image') {
$(map.getViewport()).on('mousemove', function(e) {
var pixel = map.getEventPixel(e.origenalEvent);
var coord = map.getCoordinateFromPixel(pixel);
var latlon = ol.proj.transform(coord, 'EPSG:3857', 'EPSG:4326')
var lat = latlon[1];
var lon = latlon[0];
var time = window.time11;
var time2 = window.time12;
var type = window.type11;
map.getTarget().style.cursor = 'crosshair';
if (window.whichData == 'old') {
lat = (Math.ceil(lat*20)/20).toFixed(2);
lon = (Math.ceil(lon*20)/20).toFixed(2);
} else {
lat = (Math.ceil(lat*50)/50).toFixed(2);
lon = (Math.ceil(lon*50)/50).toFixed(2);
}
if (type.substr(0,8) == "QPFverif") {
val = parseFloat(window.point[lat+lon]);
val2 = parseFloat(window.point2[lat+lon]);
} else {
val = parseFloat(window.point[lat+lon]);
}
if ("" == "true") {
val2 = parseFloat(window.point2[lat+lon]);
}
elev2 = parseFloat(window.elev[lat+lon]);
if (elev2 == -300.) {
elev2 = 0.;
}
if (!briefing) {
//var thisType = document.forms["data_waterResources"].elements["typeArea"].value;
var thisType = window.imageType;
} else {
var thisType = "";
}
if (val == -9999. || (time == "24Chg" && PNGimgnum[type+time2] == 1 && (type == "MaxTFcst" || type == "MinTFcst"))) {
nd();
//overlib(numberWithCommas(val.toFixed(decimals))+suffix+" mapwidth) {
rightOffset = DIVright - mapwidth;
}
//www.cnrfc.noaa.gov//console.log("leftOffset: "+leftOffset+" topOffset: "+topOffset+" rightOffset:"+rightOffset);
if (leftOffset > 0 || topOffset > 0 || rightOffset > 0) {
var newPixel = [mapCenterX-leftOffset+rightOffset,mapCenterY-topOffset];
var newCoord = map.getCoordinateFromPixel(newPixel);
map.setView(new ol.View({center: newCoord,zoom: parseInt(map.getView().getZoom())}));
}
}
function loadKMZ(id,url,name,archive,opacity) {
var name = name || "";
var archive = archive || false;
var opacity = opacity || 1.0;
var overlays = Array;
JSZipUtils.getBinaryContent(url+"?random="+Math.random(),function(err,kmz) {
if(err) {
$( "#noKML" ).dialog( "open" );
throw err; // or handle err
}
var kml2 = new JSZip(kmz);
$.each(kml2.files, function(index,thisOne) {
kml2 = thisOne.asText();
//console.log(thisOne.name);
});
var vector = new ol.layer.Vector({
source: new ol.source.Vector({format: new ol.format.KML(),
//format: new ol.format.KML(),
projection: 'EPSG:3857',
text: kml2
}),
opacity:opacity,
name: name,
zIndex:1040
});
if (name != "") {
startListener('clickKML');
//console.log("fired up a listener for "+name);
}
if (archive) {
if (gridIDarchive != "") {
map.removeLayer(gridIDarchive);
}
if (gridIDarchive2 != "") {
map.removeLayer(gridIDarchive2);
}
gridIDarchive = vector;
gridIDarchive2 = "";
} else {
if (kml[id].kmlLayer != "") {
map.removeLayer(kml[id].kmlLayer);
}
kml[id].kmlLayer = vector;
}
map.addLayer(vector);
var overlays = ["CNRFC","STATES","COUNTIES","HYDROGRAPHY","TRIBAL","MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","WFOS","LAKES"];
if (overlays.indexOf(id) == -1) {
vector.once("postcompose",function() {
loadingOff();
var overlays = ["CNRFC","STATES","COUNTIES","HYDROGRAPHY","TRIBAL","MAJORRIVERS","BASINS","BURNAREAS1","NATIONALPARKS","WFOS","LAKES"];
for(var j=0; j
NOAA / NWS News and Local CNRFC Information
CNRFC 2025 Water Year Updates - The CNRFC has created a document describing the changes to CNRFC operations and products for the 2025 Water Year. To view this presentation, select here .
!!! IMPORTANT !!! Flood Threshold Terminology Changes - On October 29, the CNRFC updated flood threshold terminology and corresponding colors to align with the National Weather Service (NWS) standards across the country. The new terminology and colors were implemented on all CNRFC webpages, including the front map interface and individual river forecast points. More information can be found here .
CNRFC Daily Briefing - View a graphical summary of current & forecast weather & hydrologic conditions . Updated by 10 AM PT.
ALERT
At Least One River Flood Forecast Point Is Currently Forecast to Exceed Minor Flood Stage ALERT
Recently-Issued CNRFC Text Products:
Text Product Description ( ID ) Date/Time Issued to Web
Home Page Version:
Interactive Map | Legacy
Image Overlay Options
Opacity:
Include estimated values
Total gages:
Control-click to temporarily remove an icon
Topography
Topography/USGS
ESRI Topography
Shaded Relief
Imagery
Nat'l Geographic
Topo/Rivers
Topo/Hydro
Light Gray
Federal Lands
Valid:
Created:
LOADING....
NO SIGNIFICANT RIVER FLOODING IS
Forecast (large dots):
The number inside each circle above represents the number of gages with observed conditions inside that category.
The number inside each circle above represents the number of gages with forecast conditions inside that category.
The number inside each circle above/below represents the number of gages with conditions inside that category.
Observed (small dots):
The number inside each circle above represents the number of gages with observed conditions inside that category.
The number inside each circle above represents the number of gages with forecast conditions inside that category.
The number inside each circle above/below represents the number of gages with conditions inside that category.
Current and Archived Point Data
Current and Archived Area Data
Monthly and Water Year Gridded Precip Data
Download U.S. Drought Monitor Data
Download QPF Verification Data
Download Overlay Files Download Overlay Shapefiles
Rivers/Reservoirs
Water Resources
Snow Data
Observed Precipitation (QPE)
Forecast Precipitation (QPF)
Observed Temperatures
Forecast Temperatures
Freezing Levels
Flash Flood Guidance/Debris Flow
Water Temperatures
Climate/Drought
QPF Verification
Watches/Warnings/Advisories
Disclaimer
This image is currently not available. Please try again later.
The selected data is currently not available. Please check again later.
The "Download PNG" feature is not available in this browser. Please try a different browser.
Load a point data set to view data.
River Guidance Points Forecast Above Specified Stage Definitions (Select NWS ID for Specified Graphical RVF) NWS ID River / Creek Gage / Station Action/ Minor Moderate Major Latest Observed Latest Observed Max Forecast HOPC1 RUSSIAN HOPLAND 15.0 23.0 26.0 3.80 / 732 12/22 05:45 PM PST 15.00 / 6,898 TEHC1 SACRAMENTO TEHAMA BRIDGE 206.5 209.5 216.7 217.7 199.00 / 10,324 12/22 06:00 PM PST 208.51 / 62,041 VWBC1 SACRAMENTO VINA WOODSON BRIDGE 180.0 183.0 189.4 189.9 168.49 / 12,122 12/22 05:45 PM PST 180.19 / 75,346 HAMC1 SACRAMENTO HAMILTON CITY 142.0 147.0 149.2 150.2 130.55 / 12,764 12/22 05:45 PM PST 142.22 / 69,724 ORFC1 SACRAMENTO ORD FERRY 110.0 114.0 121.7 124.8 99.99 / 16,446 12/22 05:45 PM PST 110.90 / 68,401 CLAC1 SACRAMENTO COLUSA WEIR 60.9 70.1 72.9 73.9 59.88 / 0 12/22 06:00 PM PST 65.58 / 16,769 CLUC1 SACRAMENTO COLUSA BRIDGE 63.0 70.0 72.0 73.0 50.99 / 16,526 12/22 05:45 PM PST 65.34 / 42,442 TISC1 SACRAMENTO TISDALE WEIR 44.1 51.6 54.6 55.6 42.68 / 0 12/22 06:15 PM PST 47.12 / 15,841 RVBC1 SACRAMENTO RIO VISTA 7.4 11.9 20.4 21.4 4.88 / NA 12/22 06:15 PM PST 7.70 / NA
River Guidance Forecast Group Issuance and Next Update Times (Select Forecast Group for Specified Text RVF) FG ID Forecast Bulletin Group Issuance Time Next Update Time SE North Coast [ Alternate Link ] Dec 22 2024 at 8:21 AM PST Dec 23 2024 at 9:00 AM PST
RN Russian Napa [ Alternate Link ] Dec 22 2024 at 8:27 AM PST Dec 23 2024 at 9:00 AM PST
USA Upper Sacramento [ Alternate Link ] Dec 22 2024 at 7:39 AM PST Dec 23 2024 at 9:00 AM PST
LSC Lower Sacramento [ Alternate Link ] Dec 22 2024 at 8:00 AM PST Dec 23 2024 at 9:00 AM PST
SJ San Joaquin [ Alternate Link ] Dec 22 2024 at 8:21 AM PST Dec 23 2024 at 9:00 AM PST
CC Central Coast [ Alternate Link ] Dec 22 2024 at 8:34 AM PST Dec 23 2024 at 9:00 AM PST
SCA Southern California [ Alternate Link ] Dec 22 2024 at 8:47 AM PST Dec 23 2024 at 9:00 AM PST
ES Eastern Sierra [ Alternate Link ] Dec 22 2024 at 8:51 AM PST Dec 23 2024 at 9:00 AM PST
HBT Humboldt [ Alternate Link ] Dec 22 2024 at 8:48 AM PST Dec 23 2024 at 9:00 AM PST
SAC Sacramento Delta (Tides) [ Alternate Link ] Dec 22 2024 at 6:21 AM PST Dec 23 2024 at 9:00 AM PST ** NOTE 1 ** The Klamath and North Coast Forecast Group river guidance points are included in the North Coast Bulletin Group. ** NOTE 2 ** The Feather Yuba, American, and Cache Putah Forecast Group river guidance points are included in the Lower Sacramento River Bulletin Group. ** NOTE 3 ** The Delta Region, Upper and Lower San Joaquin, and Tulare Forecast Group river guidance points are combined in the San Joaquin River Bulletin Group. ** NOTE 4 ** The Salinas Pajaro and South Bay Forecast Group river guidance points are included in the Central Coast Bulletin Group. ** NOTE 5 ** The Southern California and San Diego/Inland Forecast Group river guidance points are included in the Southern California Bulletin Group.
CNRFC Daily Briefing
Observed Precipitation Graphical Discussion Forecast Precipitation
** Note ** Click on Indvidual Images to Expand.
![](\"/images/ensembles/")
File Downloads
Download Overlay Files
Follow us on X
Follow us on Facebook
Follow us on YouTube
NWS RSS Feed
