I have an open layers map.

It adds and removes my "imageFeature" every 10secs or so.

I have a JSON feed that gives me the rotation that I need,
I have a request to get that rotation and set it as a variable of rotationv.
Everything works but the fact when the image is recreated it does not update the rotation.

My code is as follows:

JSON request:

 var rotationv = (function () {
           rotationv = null;
            $.ajax({
                'async': false,
                'global': true,
                'url': urldefault,
                'dataType': "json",
                'success': function (data) {
                    rotationv = data.rotation;
                }
            }); 
            return rotationv

        })();

Creating image feature:

         imageFeature = new OpenLayers.Feature.Vector(
        new OpenLayers.Geometry.Point(mylon, mylat), { rotation: rotationv }
        );

The image is set in the styling elsewhere. Why does this not rotate my image?

Debugging with firebug I now notice that "rotationv" is updating as per it should be. But when the point is destroyed then added again it does not apply the new rotation...

Add:

I realised that the "image" is applied as per the layer. So I need to figure out how to re apply the stylemap to the layer so it will trigger the "update" on the page.

            //redefine layer 2 so it can be updated - test.js is just a 0.0 ref// 
        var layer2 = new OpenLayers.Layer.GML("Layer 2", "test.js",
            { format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
            });

But even if I add the above into my function still no luck. Included

map.addLayers([layer2]);

into the function as well.

Edit:

Attaching stylemap:

  var styleMap = new OpenLayers.StyleMap({
                "default": new OpenLayers.Style({
                rotation: rotationv,
                labelXOffset: "0",
                labelYOffset: "-15",
                graphicZIndex: 1
                })
         });