diff --git a/examples/wms-time.html b/examples/wms-time.html index 7478dfaa6c..d53adf8a85 100644 --- a/examples/wms-time.html +++ b/examples/wms-time.html @@ -3,8 +3,8 @@ layout: example.html title: WMS Time shortdesc: Example of smooth tile transitions when changing the time dimension of a tiled WMS layer. docs: > - Demonstrates smooth reloading of layers when changing the time dimension continously. -tags: "wms, time, dimensions, transition" + Demonstrates smooth reloading of layers when changing the time dimension continously. Data shown: IEM generated CONUS composite of NWS NEXRAD WSR-88D level III base reflectivity. +tags: "wms, time, dimensions, transition, nexrad" ---
diff --git a/examples/wms-time.js b/examples/wms-time.js index f098ba2345..6c2668c0f7 100644 --- a/examples/wms-time.js +++ b/examples/wms-time.js @@ -1,23 +1,32 @@ goog.require('ol.Map'); goog.require('ol.View'); +goog.require('ol.extent'); goog.require('ol.layer.Tile'); -goog.require('ol.source.OSM'); +goog.require('ol.proj'); +goog.require('ol.source.Stamen'); goog.require('ol.source.TileWMS'); -var startDate = new Date(Date.parse('2012-01-01T19:00:00Z')); +function threeHoursAgo() { + return new Date(Math.round(Date.now() / 3600000) * 3600000 - 3600000 * 3); +} + +var extent = ol.proj.transformExtent([-126, 24, -66, 50], 'EPSG:4326', 'EPSG:3857'); +var startDate = threeHoursAgo(); var frameRate = 0.5; // frames per second var animationId = null; var layers = [ new ol.layer.Tile({ - source: new ol.source.OSM() + source: new ol.source.Stamen({ + layer: 'terrain' + }) }), new ol.layer.Tile({ - extent: [-13884991, 2870341, -7455066, 6338219], + extent: extent, source: new ol.source.TileWMS(/** @type {olx.source.TileWMSOptions} */ ({ - url: 'http://oos.soest.hawaii.edu/thredds/wms/hioos/model/wav/ww3/' + - 'WaveWatch_III_Global_Wave_Model_best.ncd?', - params: {'LAYERS': 'Thgt', 'TIME': startDate.toISOString()} + attributions: ['Iowa State University'], + url: 'http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi', + params: {'LAYERS': 'nexrad-n0r-wmst'} })) }) ]; @@ -25,21 +34,25 @@ var map = new ol.Map({ layers: layers, target: 'map', view: new ol.View({ - center: [-10997148, 4569099], + center: ol.extent.getCenter(extent), zoom: 4 }) }); -var updateInfo = function() { +function updateInfo() { var el = document.getElementById('info'); el.innerHTML = startDate.toISOString(); -}; +} -var setTime = function() { - startDate.setHours(startDate.getHours() + 1); +function setTime() { + startDate.setMinutes(startDate.getMinutes() + 15); + if (startDate > Date.now()) { + startDate = threeHoursAgo(); + } layers[1].getSource().updateParams({'TIME': startDate.toISOString()}); updateInfo(); -}; +} +setTime(); var stop = function() { if (animationId !== null) {