I'm making a Map Visualization which requires an overlay that shows the light/dark patterns across the planet (like this). I accomplished this by building a simple image layer that loads an image with a cosine wave shaded black on the top half (I'm not worried about seasonal adjustments yet). I can set the extent on the according to the current time to get a map that shows the light patterns in real time. However, I can't figure out how to move the Image Layer without moving the base Layer to show the light/dark overlay in the past or future.

My first inclination was to use some sort of move() method, but I couldn't find it in the API. So I tried to adjust the Layer's extent on each change like this:

sunLayer({extent : new OpenLayers.Bounds(newLong, -90, newLong+360, 90)});

But nothing happens. I was thinking that maybe I need to build a Vector Layer with just one Feature (the image), and then tie the dimensions of the graphic to the dimensions of the map and move the feature around, but this approach feels wrong to me.

Has anyone else done something like this (where you entirely decouple an Image Layer from the base layer)?

1 Answer 1


try to use following codes. it works every hour and removes old hours image layer and adds new hour image on your map.

var hours = new Date().getHours();
var opt = {   
        opacity: 0.9, 
        isBaseLayer: false,
        numZoomLevels: 5

var lyrName = parseInt(hours - 1) + '_dayandnight'
var lyr = maps.getLayersByName(lyrName) 

var newLyrName = hours + '_dayandnight'
var newUrl = 'http://aa.com/' + newLyrName + '.jpg'
var imgLayer = new OpenLayers.Layer.Image( newLyrName,  
        newUrl , extent, opt);

}, 60000);

beside this you can check out Day Light Map which produces day and night maps from wms...

i hope it helps you...

  • That definitely gets me halfway there. Unfortunately, a destroy() method doesn't exist on the OL.Layer.Image class, nor on the OL.Layer parent class. Nov 15, 2012 at 18:49
  • i think you are wrong @Tony. You can check out here. it has destroy method and it works. Take care:)
    – urcm
    Nov 15, 2012 at 21:17
  • Ah! Sorry about that @Aragon. You're totally right--I have no idea how I missed that. Cheers ~ Nov 16, 2012 at 17:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.