<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi all,<div><br></div><div>I'm using a style with a rotation as my hover effect for features on my map but am having some problems with IE7.</div><div><br></div><div>If I do not declare a rotation in my default style IE errors when the hover ends after rotating the pin. Therefore I put a "rotation: 0" in the default style which fixes this issue. Now unfortunately my other geometries (lines, polygons) error with any mention of rotation. I thought rotation was only meant to affect points but this does not seem to be the case with IE7. Any ideas to get round this and still use rotation.</div><div><br></div><div>To get around this I was going to write a style rule based on the features geometry type but after looking at various tickets I'm not sure this is possible?</div><div><br></div><div>Here's my offending code - any suggestions much appreciated.</div><div><br></div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "><span style="color: #cc0000">new</span> OpenLayers.StyleMap({</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> <span style="color: #a800c4">"default"</span>: <span style="color: #cc0000">new</span> OpenLayers.Style(OpenLayers.Util.applyDefaults({</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> externalGraphic: <span style="color: #a800c4">"/resources/images/icons/${icon}</span><span style="color: #a800c4">.png"</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> graphicWidth: <span style="color: #2b00ff">26</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> graphicHeight: <span style="color: #2b00ff">32</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> graphicOpacity: <span style="color: #2b00ff">1</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> graphicXOffset: <span style="color: #2b00ff">-13</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> graphicYOffset: <span style="color: #2b00ff">-32</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> fillColor: <span style="color: #a800c4">"#6CD0C7"</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> strokeColor: <span style="color: #a800c4">"#264396"</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> strokeWidth: <span style="color: #2b00ff">3</span>,</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> rotation: <span style="color: #2b00ff">0</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> }, OpenLayers.Feature.Vector.style[<span style="color: #a800c4">"default"</span>])),</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> <span style="color: #a800c4">"select"</span>: <span style="color: #cc0000">new</span> OpenLayers.Style(OpenLayers.Util.applyDefaults({</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> rotation: <span style="color: #2b00ff">10</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> }, OpenLayers.Feature.Vector.style[<span style="color: #a800c4">"select"</span>]))</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Menlo; "> });</div></div><div><br></div><div><br><div>
<div>Thanks,<br class="Apple-interchange-newline">Chris </div></div></div></body></html>