OpenLayers 3基于给定起始点与指定面积创建矩形几何的方法

核心逻辑是矩形面积=宽×高=10，你可以根据需求自定义宽高比，坐标需要使用单位为米的投影坐标系（如EPSG:3857），如果是经纬度坐标系（EPSG:4326）需要先转成投影坐标系再计算，避免面积计算误差。

• 确认坐标系类型，经纬度坐标系先转换为投影坐标系，防止用度为单位计算面积出现大幅偏差
• 确定矩形宽高参数，以宽高比1:1的正方形为例，单边长为Math.sqrt(10) ≈ 3.1623；如果需要自定义比例，比如指定宽为2，高直接取10 / 2 = 5即可
• 计算矩形四个顶点坐标，假设起始点为矩形左下角点，坐标为[X,Y]，四个点依次为左下角[X,Y]、右下角[X+宽度,Y]、右上角[X+宽度,Y+高度]、左上角[X,Y+高度]，最后回到左下角闭合图形

// 引入OpenLayers 3依赖
import ol from 'openlayers';

// 1. 定义起始点坐标（示例为EPSG:3857投影坐标，单位为米）
const startPoint = [X, Y];
// 2. 计算矩形宽高，此处以正方形为例，面积固定为10
const sideLength = Math.sqrt(10);
const width = sideLength;
const height = sideLength;
// 3. 组装矩形坐标数组
const rectangleCoords = [
  [startPoint[0], startPoint[1]],
  [startPoint[0] + width, startPoint[1]],
  [startPoint[0] + width, startPoint[1] + height],
  [startPoint[0], startPoint[1] + height],
  [startPoint[0], startPoint[1]]
];
// 4. 创建矩形几何对象
const rectanglePolygon = new ol.geom.Polygon([rectangleCoords]);

// 可选校验：打印生成矩形的面积，确认符合要求
console.log(rectanglePolygon.getArea())
// 可选操作：需要转回经纬度坐标系的话调用transform方法
rectanglePolygon.transform('EPSG:3857', 'EPSG:4326');

• 如果起始点是矩形左上角而非左下角，调整y轴的加减逻辑即可，将y + 高度修改为y - 高度
• 需要生成带旋转角度的矩形时，创建完几何对象后调用ol.geom.Polygon的rotate方法传入对应旋转角度即可
• 面积计算优先使用OpenLayers自带的getArea()方法校验，避免手动计算的精度误差

内容的提问来源于stack exchange，提问作者Luka