有没有一种方法可以保留正方形但可以在openlayers中调整大小?

时间:2020-11-12 10:03:58

标签: geometry openlayers gwt-openlayers

我得到了四个不同的坐标,它们在openlayers地图中构成一个正方形。但是我想知道,是否有可能代替抓住正方形而只抓住其中一个拐角并调整正方形大小(变大/变小)?

我的坐标如下:

var x_1 = 28.0244307;
var y_1 = -25.8635238;

var x_2 = 28.0244307;
var y_2 = -25.8835238;

var x_3 = 28.0444307;
var y_3 = -25.8835238;

var x_4 = 28.0444307;
var y_4 = -25.8635238;

然后是用于调整大小的代码,但它破坏了正方形:

var coords = [
                [x_1, y_1],
                [x_2, y_2],
                [x_3, y_3],
                [x_4, y_4],
                [x_1, y_1]
            ];

            var polygon = new ol.geom.Polygon([coords]);

            var feature = new ol.Feature(polygon);

            polygon.transform('EPSG:4326', 'EPSG:3857');

            var vectorSource = this.vectorSource;
            vectorSource.addFeature(feature);

            var select = new ol.interaction.Select();

            var modify = new ol.interaction.Modify({
                    features: select.getFeatures(),
                });

            var snap = new ol.interaction.Snap({
                source: vectorSource,
            });

            this.map.addInteraction(select);
            this.map.addInteraction(modify);
            this.map.addInteraction(snap);

1 个答案:

答案 0 :(得分:1)

只需用您的4个点创建一个多边形,然后在您的样式中使用GeometryFunction仅显示这些点即可。
然后使用ol-ext ol/interaction/Transform修改形状。