OpenLayers：获取LineString上的中心点

针对LineString类型的几何对象，你可以使用getCoordinateAt(0.5)方法获取线段的中点坐标——这个方法接收一个比例参数，0对应起点，1对应终点，0.5正好是线段的正中间位置。

对于MultiLineString，你可以根据需求选择两种处理方式：要么取第一个子LineString的中点，要么计算所有子线段的总长度，找到总长度一半位置的坐标。

修改后的代码如下：

if (e.search.getGeometry().getType() === 'Point' || e.search.getGeometry().getType() === 'MultiPoint') {
    popup.show(e.search.getGeometry().getFirstCoordinate(), e.search);
} 
if (e.search.getGeometry().getType() === 'Polygon' || e.search.getGeometry().getType() === 'MultiPolygon') {
    popup.show(e.search.getGeometry().getInteriorPoints().getFirstCoordinate(), e.search);
}  
if (e.search.getGeometry().getType() === 'LineString') {
    // 获取LineString的中心点坐标
    const centerCoord = e.search.getGeometry().getCoordinateAt(0.5);
    popup.show(centerCoord, e.search);
} else if (e.search.getGeometry().getType() === 'MultiLineString') {
    // 示例1：取第一个子LineString的中点
    const firstLine = e.search.getGeometry().getLineStringAt(0);
    const centerCoord = firstLine.getCoordinateAt(0.5);
    popup.show(centerCoord, e.search);

    // 示例2：计算MultiLineString的整体中点（按需启用）
    // let totalLength = 0;
    // const lineCount = e.search.getGeometry().getLineStrings().length;
    // for (let i = 0; i < lineCount; i++) {
    //     totalLength += e.search.getGeometry().getLineStringAt(i).getLength();
    // }
    // let remainingLength = totalLength * 0.5;
    // let centerCoord;
    // for (let i = 0; i < lineCount; i++) {
    //     const line = e.search.getGeometry().getLineStringAt(i);
    //     const lineLength = line.getLength();
    //     if (remainingLength <= lineLength) {
    //         centerCoord = line.getCoordinateAt(remainingLength / lineLength);
    //         break;
    //     } else {
    //         remainingLength -= lineLength;
    //     }
    // }
    // popup.show(centerCoord, e.search);
}

说明 #

• getCoordinateAt(0.5)会精准返回LineString的中点坐标，无需手动计算点位。
• 若使用MultiLineString的整体中点计算逻辑，会遍历所有子线段，找到总长度一半对应的位置，适合需要体现整个多线段几何中心的场景。

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