我已经构建了一个应用程序,它允许用户在另一个多边形内绘制一个多边形。由于某些应用程序特定的原因,这两个多边形位于不同的层中。用户绘制多边形后,调用 layer.events.register 函数来检查多边形是否完全位于较大的多边形内。现在我想修改应用程序,我有以下问题:
Q1) 如何在用户绘制的多边形上添加变形框?我希望用户能够在绘制多边形后对其进行旋转或缩放。
Q2)我如何检查转换(旋转或缩放)后多边形是否仍然在较大的多边形内?
** 用户绘制的多边形实际上是另一个矩形内的一个矩形。
我在下面粘贴了一些代码。请注意,名为“BaseLayer”的层是添加用户生成的矩形的地方。
var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
var baseLayer = new OpenLayers.Layer.Vector("BaseLayer", {
styleMap: new OpenLayers.StyleMap({
"transform": new OpenLayers.Style({
display:"${getDisplay}",
cursor: "${role}",
pointRadius: 3,
fillColor: "white",
fillOpacity: 1,
strokeColor: "black"
},{
context:{
getDisplay: function(feature){
return feature.attributes.role === "se-resive" ? "none": "";
}
}
})
}),
renderers: renderer
});
var transformControl = new OpenLayers.Control.TransformFeature(baseLayer, {
renderIntent: "transform",
rotationHandleSymbolizer: "rotate"
});
var drawPolygonFeature = new OpenLayers.Control.DrawFeature(baseLayer, OpenLayers.Handler.RegularPolygon,
{'displayClass':'olControlDrawFeaturePolygon',
handlerOptions:{sides: 4,
irregular:true,
style: polygonStyle,
id: "processingPolygon"
}
});
baseLayer.events.register("featureadded", feature, function(evt){
// DOES SOME ERROR CHECKING HERE.
// transformControl.setFeature(evt.feature);
});
到目前为止我所尝试的:我尝试使用 control.setFeature 函数将转换框添加到 events.register() 函数(上面代码中的倒数第二行)内的功能中,但这不起作用。添加转换框还会调用 events.register 函数,该函数会添加另一个转换框并因此再次调用 events.register()。这会导致无限循环!
任何帮助是极大的赞赏。谢谢!
编辑:这是我想要的转换框类型的示例:http: //openlayers.org/dev/examples/transform-feature.html