diff --git a/examples/transform-feature.html b/examples/transform-feature.html index d768c106a6..cfb1407b62 100644 --- a/examples/transform-feature.html +++ b/examples/transform-feature.html @@ -14,29 +14,14 @@ function init(){ map = new OpenLayers.Map('map', {allOverlays: true}); - // context for appropriate scale/resize cursors - var cursors = ["sw-resize", "s-resize", "se-resize", - "e-resize", "ne-resize", "n-resize", "nw-resize", "w-resize"]; - var context = { - getCursor: function(feature){ - var i = OpenLayers.Util.indexOf(control.handles, feature); - var cursor = "inherit"; - if(i !== -1) { - i = (i + 8 + Math.round(control.rotation / 90) * 2) % 8; - cursor = cursors[i]; - } - return cursor; - } - }; - // a nice style for the transformation box var style = new OpenLayers.Style({ - cursor: "${getCursor}", + cursor: "${role}", pointRadius: 5, fillColor: "white", fillOpacity: 1, strokeColor: "black" - }, {context: context}); + }); // allow testing of specific renderers via "?renderer=Canvas", etc var renderer = OpenLayers.Util.getParameters(window.location.href).renderer; diff --git a/lib/OpenLayers/Control/TransformFeature.js b/lib/OpenLayers/Control/TransformFeature.js index e0fa7c3b5a..d3bb90b696 100644 --- a/lib/OpenLayers/Control/TransformFeature.js +++ b/lib/OpenLayers/Control/TransformFeature.js @@ -468,10 +468,13 @@ OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, { var handles = new Array(8); var rotationHandles = new Array(4); var geom, handle, rotationHandle; + var resize = ["sw-resize", "s-resize", "se-resize", "e-resize", + "ne-resize", "n-resize", "nw-resize", "w-resize"]; for(var i=0; i<8; ++i) { geom = box.geometry.components[i]; - handle = new OpenLayers.Feature.Vector(geom.clone(), null, - typeof this.renderIntent == "string" ? null : + handle = new OpenLayers.Feature.Vector(geom.clone(), { + role: resize[i] + }, typeof this.renderIntent == "string" ? null : this.renderIntent); if(i % 2 == 0) { rotationHandle = new OpenLayers.Feature.Vector(geom.clone(),