javascript - OpenLayers - 正確な数のポイントでポリゴンを描く

Question

ユーザーがマップ上に領域を描画できるようにする UI があり、正確に 4 つのポイントで多角形を描画するようにしたいのですが、どうすればよいですか?

Answer 1

ポリゴン ハンドラを使用します。

地図上に多角形を描画するハンドラ。ポリゴンはマウスダウンで表示、マウス移動で移動、マウスアップで終了します。

4 ポイントに制限するには、sides プロパティを使用します。

side {Integer} 正多角形の辺の数。

Answer 2

これは、この例ではここで行われます

弓を描くために使用するコードは次のとおりです。

var boxLayer = new OpenLayers.Layer.Vector("Box layer");

            map.addLayer(boxLayer);


            drawControls = {
                box: new OpenLayers.Control.DrawFeature(boxLayer,
                    OpenLayers.Handler.RegularPolygon, {
                        handlerOptions: {
                            sides: 4,
                            irregular: true
                        }
                    }
}