-
Glenn Vorhes authoredGlenn Vorhes authored
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
mixin_RealEarthAnimate.js.html 8.82 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: mixin/RealEarthAnimate.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: mixin/RealEarthAnimate.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>/**
* Created by gavorhes on 12/4/2015.
*/
import provide from '../util/provide';
import mapPopup from '../olHelpers/mapPopup';
import $ from '../jquery/jquery';
const nm = provide('mixin');
/**
* The GMT offset time in minutes
* @type {number}
*/
let offsetMinutes = (new Date()).getTimezoneOffset();
/**
* Mixin to get the product times
* Be sure to call getTimeInit after the mixin has been applied
*/
class RealEarthAnimate {
/**
* override base layer load
*/
load(){};
/**
* Call this after the mixin has been applied
*/
timeInit() {
if (!this._products) {
throw 'this mixin must be applied to one of the RealEarth layer objects with this.products defined';
}
this._rawDateStrings = [];
this._localDates = [];
this.localTimes = [];
this._animateEnabled = true;
this._loaded = true;
this._currentTime = undefined;
this._currentIndex = undefined;
let _this = this;
$.get('http://realearth.ssec.wisc.edu/api/products', {products: this._products}, function (d) {
if (d.length == 0) {
console.log(`${this._products} layer not available or does not have times`);
return;
}
d = d[0];
for (let i = 0; i < d['times'].length; i++) {
_this._loadDates.call(_this, d['times'][i]);
}
_this.loadCallback.call(_this);
_this._loadLatest.call(_this);
}, 'json');
}
/**
*
* @returns {boolean} if animation enabled
*/
get animationEnabled(){
return this._animateEnabled;
}
/**
* Given the raw time string, add to the arrays to keep track of dates and cache
* @param {string} inString - input string to parse
* @returns {string} the converted string
* @protected
*/
_loadDates(inString) {
let yr = inString.slice(0, 4);
let month = inString.slice(4, 6);
let d = inString.slice(6, 8);
let hr = inString.slice(9, 11);
let mn = inString.slice(11, 13);
let sec = inString.slice(13, 15);
let rawDateStr = inString.replace('.', '_');
this._rawDateStrings.push(rawDateStr);
let dteStr = `${month}/${d}/${yr} ${hr}:${mn}:${sec}`;
let newDte = new Date(dteStr);
newDte.setMinutes(newDte.getMinutes() - offsetMinutes);
this._localDates.push(newDte);
this.localTimes.push(newDte.getTime());
return rawDateStr;
}
/**
*
* @protected
* @returns {boolean} if should continue
*/
_loadLatest(){
mapPopup.closePopup();
if (this.localTimes.length > 0){
this._currentIndex = this.localTimes.length -1;
return true;
} else {
return false;
}
}
/**
* * @param {number} theTime - the time
* @returns {boolean} true if new index, false if the same or below lowest value
*/
setLayerTime(theTime){
if (!this.visible){
return false;
}
this._currentTime = theTime;
let newIndex;
if (theTime < this.localTimes[0]){
return false;
} else if (theTime > this.localTimes[this.localTimes.length - 1]){
newIndex = this.localTimes.length - 1;
}
for (let i = 0; i < this.localTimes.length; i++){
if (this.localTimes[i] >= theTime){
newIndex = i;
break;
}
}
if (newIndex == this._currentIndex){
return false;
} else {
this._currentIndex = newIndex;
mapPopup.closePopup();
return true;
}
}
}
nm.RealEarthAnimate = RealEarthAnimate;
export default RealEarthAnimate;
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="-_FeatureLayerProperties.html">_FeatureLayerProperties</a></li><li><a href="-_Slider.html">_Slider</a></li><li><a href="CommonSymbol.html">CommonSymbol</a></li><li><a href="DayRange.html">DayRange</a></li><li><a href="ItsLayerCollection.html">ItsLayerCollection</a></li><li><a href="LayerBase.html">LayerBase</a></li><li><a href="LayerBaseVector.html">LayerBaseVector</a></li><li><a href="LayerBaseVectorEsri.html">LayerBaseVectorEsri</a></li><li><a href="LayerBaseVectorGeoJson.html">LayerBaseVectorGeoJson</a></li><li><a href="LayerBaseXyzTile.html">LayerBaseXyzTile</a></li><li><a href="LayerEsriMapServer.html">LayerEsriMapServer</a></li><li><a href="LayerEsriTile.html">LayerEsriTile</a></li><li><a href="LayerGroup.html">LayerGroup</a></li><li><a href="LayerItsInventory.html">LayerItsInventory</a></li><li><a href="LayerLegend.html">LayerLegend</a></li><li><a href="LayerRealEarthTile.html">LayerRealEarthTile</a></li><li><a href="LayerSwipe.html">LayerSwipe</a></li><li><a href="LayerVectorRealEarth.html">LayerVectorRealEarth</a></li><li><a href="MapInteractionBase.html">MapInteractionBase</a></li><li><a href="MapMoveCls.html">MapMoveCls</a></li><li><a href="MapPopupCls.html">MapPopupCls</a></li><li><a href="RealEarthAnimate.html">RealEarthAnimate</a></li><li><a href="RealEarthAnimateTile.html">RealEarthAnimateTile</a></li><li><a href="RealEarthAnimateVector.html">RealEarthAnimateVector</a></li><li><a href="SingleSymbol.html">SingleSymbol</a></li><li><a href="Sliders.html">Sliders</a></li><li><a href="SortedFeatures.html">SortedFeatures</a></li><li><a href="UniqueValueSymbol.html">UniqueValueSymbol</a></li></ul><h3>Global</h3><ul><li><a href="global.html#$">$</a></li><li><a href="global.html#bundleEs2015Multiple">bundleEs2015Multiple</a></li><li><a href="global.html#calculateExtent">calculateExtent</a></li><li><a href="global.html#dateToYyyyMmDdHh000">dateToYyyyMmDdHh000</a></li><li><a href="global.html#dateToYyyyMmDdHhMmSs">dateToYyyyMmDdHhMmSs</a></li><li><a href="global.html#definedAndNotNull">definedAndNotNull</a></li><li><a href="global.html#defineLegend">defineLegend</a></li><li><a href="global.html#defineStyle">defineStyle</a></li><li><a href="global.html#fitToMap">fitToMap</a></li><li><a href="global.html#getUrlParams">getUrlParams</a></li><li><a href="global.html#gulp">gulp</a></li><li><a href="global.html#hexAlphaToRgbOrRgba">hexAlphaToRgbOrRgba</a></li><li><a href="global.html#htmlEscape">htmlEscape</a></li><li><a href="global.html#keyValPairs">keyValPairs</a></li><li><a href="global.html#makeBlueGreenRedGradient">makeBlueGreenRedGradient</a></li><li><a href="global.html#makeBlueGreenRedGradientZScore">makeBlueGreenRedGradientZScore</a></li><li><a href="global.html#makeFeatureServiceLegendAndSymbol">makeFeatureServiceLegendAndSymbol</a></li><li><a href="global.html#makeGuid">makeGuid</a></li><li><a href="global.html#makeMapServiceLegend">makeMapServiceLegend</a></li><li><a href="global.html#mapServiceLegendItem">mapServiceLegendItem</a></li><li><a href="global.html#offsetMinutes">offsetMinutes</a></li><li><a href="global.html#overflowScroll">overflowScroll</a></li><li><a href="global.html#processLessFile">processLessFile</a></li><li><a href="global.html#propertiesZoomStyle">propertiesZoomStyle</a></li><li><a href="global.html#provide">provide</a></li><li><a href="global.html#quickMap">quickMap</a></li><li><a href="global.html#quickMapBase">quickMapBase</a></li><li><a href="global.html#quickMapMulti">quickMapMulti</a></li><li><a href="global.html#resolutionToZoom">resolutionToZoom</a></li><li><a href="global.html#responsiveScroll">responsiveScroll</a></li><li><a href="global.html#rgb2hex">rgb2hex</a></li><li><a href="global.html#rgbToRgba">rgbToRgba</a></li><li><a href="global.html#triggerCallback">triggerCallback</a></li><li><a href="global.html#undefinedOrNull">undefinedOrNull</a></li><li><a href="global.html#windowScroll">windowScroll</a></li><li><a href="global.html#zoomToResolution">zoomToResolution</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> on Mon Jul 18 2016 20:02:34 GMT-0500 (Central Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>