geopack/index.js

This is a npm package for the geoglows package

/** This module contains the other ones **/
// var geoglows = require('geoglows');
var historical = require('./scripts/historical.js');
var forecast = require('./scripts/forecast.js');
var seasonal = require('./scripts/seasonal.js');
var geoglows=require('geoglows');
var reach_id="3000002";
var divHistorical = "h";
var divHistoricalReturnPeriods = "hr";
var divForecastRecords = "fr";
var divForecastStats = "fs";
var divForecastEnsembles = "fe";
var divSeasonal = "s";
var titleHistorical = "Rio Japones 1";
var titleSeasonal = "Rio Japones 3";
var titleForecast = "Rio Japones 2";
var ensembles = [1,2,30,40,8,52];
var ensembles2 = "all";
var returnPeriodsCheck = true;
var returnPeriodsCheck2 = false;
var width = 1000;

GEOGLOWS.historical.graph(reach_id,divHistoricalReturnPeriods,undefined,returnPeriodsCheck,width);
GEOGLOWS.historical.graph(reach_id,divHistorical,undefined,returnPeriodsCheck2,width);
GEOGLOWS.forecast.graph_fr(reach_id,divForecastRecords,undefined,returnPeriodsCheck,width);
GEOGLOWS.forecast.graph_emsembles(reach_id,divForecastEnsembles,ensembles2,undefined,width);
GEOGLOWS.forecast.graph_stats(reach_id,divForecastStats,undefined,returnPeriodsCheck,width);
GEOGLOWS.seasonal.graph(reach_id,divSeasonal,undefined,width);
// historical.graph(reach_id,divHistoricalReturnPeriods,undefined,returnPeriodsCheck,width);
// historical.graph(reach_id,divHistorical,undefined,returnPeriodsCheck2,width);
// forecast.graph_fr(reach_id,divForecastRecords,undefined,returnPeriodsCheck,width);
// forecast.graph_emsembles(reach_id,divForecastEnsembles,ensembles2,undefined,width);
// forecast.graph_stats(reach_id,divForecastStats,undefined,returnPeriodsCheck,width);
// seasonal.graph(reach_id,divSeasonal,undefined,width);



// var forecast=require('./scripts/getForecast.js');
// var historical=require('./scripts/getHistorical.js');
// var seasonal=require('./scripts/getSeasonal.js');
// var geoglows=require('./Geoglows.js');
//
// var $ = require("jquery");
// require('jquery-ui');
// var L = require('leaflet');
// var esri=require('esri-leaflet');
// var hydroviwer=require('./hydroviewer.js');
// // var geoglows=require('geoglows')
//
// var map;
// var basemap="Gray";
// var globalLayer;
// // var stream="7000002";
// // var lat="37.17293431";
// // var long="9.760442195";
// var mapContainer="map";
// // var divContainer=document.getElementById(divForTest);
//
//
// // var url= "https://livefeeds2dev.arcgis.com/arcgis/rest/services/GEOGLOWS/GlobalWaterModel_Medium/MapServer?f=pjson";
//
// var country="Peru";
// var backgroundColor="#000000";
//
// hydroviwer.buildMap(mapContainer,basemap,globalLayer,country,backgroundColor);




// globalLayer.bindPopup(function(error, featureCollection){
//
//
//   // specify popup options
//   var tabs=document.createElement("div");
//   tabs.setAttribute("id", "tabs");
//
//   var tabsList=document.createElement("ul");
//   tabsList.setAttribute("id", "listTabs");
//
//   var forecastTab=document.createElement("li");
//   forecastTab.setAttribute("id", "forecast2");
//   tabsList.appendChild(forecastTab);
//
//
//   var historicalTab=document.createElement("li");
//   historicalTab.setAttribute("id", "historical2");
//   tabsList.appendChild(historicalTab);
//
//   var seasonalTab=document.createElement("li");
//   seasonalTab.setAttribute("id", "seasonal2");
//   tabsList.appendChild(seasonalTab);
//
//
//   var forecastContent=document.createElement("div");
//   forecastContent.setAttribute("id", "forecast");
//   tabs.appendChild(forecastContent);
//
//   var historicalContent=document.createElement("div");
//   historicalContent.setAttribute("id", "historical");
//   tabs.appendChild(historicalContent);
//
//   var seasonalContent=document.createElement("div");
//   seasonalContent.setAttribute("id", "seasonal");
//   tabs.appendChild(seasonalContent);
//
//   //getting the COMID id from the stream reach//
//   var option="COMID (Stream Identifier)"
//   reachid=featureCollection.features[0].properties[option];
//   console.log(reachid);
//
//   // divContainer.style.display='block';
//
//   geoglows.forecast.graph_f(reachid,"forecast");
//   if( document.getElementById ("download") != null){
//     console.log("remove button?");
//     $("#download").remove();
//   };
//
//   var buttonElement=document.createElement("button");
//   buttonElement.innerHTML="Donwload Forecast Data";
//   buttonElement.setAttribute("id", "download");
//   forecastContent.appendChild(buttonElement);
//
//
//   document.getElementById ("download").addEventListener("click", function() {
//     geoglows.forecast.downloadData(reachid);
//   } , false);
//
//   //add listeners//
//   addContentToTabs(forecastTab,"forecast" );
//   addContentToTabs(historicalTab,"historical");
//   addContentToTabs(seasonalTab,"seasonal");
//
//   return tabs
// });

 //  var divContainerTabs=document.getElementById("listTabs");
 //  // var divContainerTabs2=document.getElementById("tabs");
 //
 //  // var option="COMID (Stream Identifier)"
 //  // reachid=featureCollection.features[0].properties[option];
 //  // console.log(reachid);
 //  var divContainer=document.getElementById("forecast");
 //
 //
 //  console.log(divContainer);
 //
 //  console.log(divContainerTabs2);
 //  divContainerTabs2.style.width="1000px";
 //  divContainerTabs2.style.display='block';
 //  divContainerTabs.style.display='block';
 //
 //  // $("#listTabs li").each(function() {
 //  //     console.log("this are the tabs");
 //  //    var $li = $(this);
 //  //    $li.css("width", "200px");
 //  // });
 //
 //  // $(".leaflet-popup-content").width(width);
 //  // $(".leaflet-popup-content-wrapper").height(height);
 //
 //
 // var divContainerForecastTab=document.getElementById("forecast2");
 // var divContainerHistoricalTab=document.getElementById("historical2");
 // var divContainerSeasonalTab=document.getElementById("seasonal2");
 //
 // var option="COMID (Stream Identifier)"
 // reachid=featureCollection.features[0].properties[option];
 // console.log(reachid);
 //
 // divContainerForecastTab.addEventListener("click", function (){
 //   console.log("entering the forecast tab");
 //   //remove buttonElement
 //
 //   if( document.getElementById ("download") != null){
 //     console.log("remove button?");
 //     $("#download").remove();
 //   };
 //
 //   var divContainer=document.getElementById("forecast");
 //
 //
 //   console.log(divContainer);
 //
 //   divContainer.style.display='block';
 //
 //   geoglows.forecast.graph_f(reachid,"forecast");
 //
 //   var buttonElement=document.createElement("button");
 //
 //   buttonElement.innerHTML="Donwload Forecast Data";
 //   buttonElement.setAttribute("id", "download");
 //   divContainer.appendChild(buttonElement);
 //
 //   document.getElementById ("download").addEventListener("click", function() {
 //     geoglows.forecast.downloadData(reachid);
 //   } , false);
 // });
 //
 // divContainerHistoricalTab.addEventListener("click", function (){
 //   console.log("entering the historical tab");
 //
 //   //remove buttonElement
 //
 //   if( document.getElementById ("download") != null){
 //     console.log("remove button?");
 //     $("#download").remove();
 //   };
 //
 //   var divContainer=document.getElementById("historical");
 //
 //
 //   console.log(divContainer);
 //
 //   //getting the COMID id from the stream reach//
 //
 //   divContainer.style.display='block';
 //
 //   geoglows.historical.graph_h(reachid,"historical");
 //   var buttonElement=document.createElement("button");
 //
 //   buttonElement.innerHTML="Donwload Historical Data";
 //   buttonElement.setAttribute("id", "download");
 //   divContainer.appendChild(buttonElement);
 //
 //   document.getElementById ("download").addEventListener("click", function() {
 //     geoglows.historical.downloadData(reachid);
 //   } , false);
 // });
 //
 // divContainerSeasonalTab.addEventListener("click", function (){
 //   console.log("entering the Seasonal tab");
 //
 //   //remove buttonElement
 //
 //   if( document.getElementById ("download") != null){
 //     console.log("remove button?");
 //     $("#download").remove();
 //   };
 //
 //   var divContainer=document.getElementById("seasonal");
 //
 //
 //   console.log(divContainer);
 //
 //   //getting the COMID id from the stream reach//
 //
 //
 //   divContainer.style.display='block';
 //
 //   geoglows.seasonal.graph_s(reachid,"seasonal");
 //   var buttonElement=document.createElement("button");
 //
 //   buttonElement.innerHTML="Donwload Sesonal Data";
 //   buttonElement.setAttribute("id", "download");
 //   divContainer.appendChild(buttonElement);
 //
 //   document.getElementById ("download").addEventListener("click", function() {
 //     geoglows.seasonal.downloadData(reachid);
 //   } , false);
 // });
 //
 //
 //  var divContainer=document.getElementById("forecast");
 //
 //
 //  console.log(divContainer);
 //
 //  // //getting the COMID id from the stream reach//
 //  // var option="COMID (Stream Identifier)"
 //  // reachid=featureCollection.features[0].properties[option];
 //  // console.log(reachid);
 //
 //  divContainer.style.display='block';
 //
 //  geoglows.forecast.graph_f(reachid,"forecast");
 //  if( document.getElementById ("download") != null){
 //    console.log("remove button?");
 //    $("#download").remove();
 //  };
 //
 //  var buttonElement=document.createElement("button");
 //
 //  buttonElement.innerHTML="Donwload Forecast Data";
 //  buttonElement.setAttribute("id", "download");
 //  divContainer.appendChild(buttonElement);
 //
 //  document.getElementById ("download").addEventListener("click", function() {
 //    geoglows.forecast.downloadData(reachid);
 //  } , false);
 //
 //
 //  return divContainerTabs2

  // });