如何让OpenLayers绘制两点间的最短路径（跨太平洋而非大西洋）

我指定了以下坐标：

[-122, 47],   (美国)
[147, -32]  (澳大利亚)

当前生成的路径穿越了大西洋，但我需要的是穿越太平洋的最短路径，请问需要修改哪些设置？

当前使用的代码 #

JavaScript #

let coordinates = [
  [-122, 47],
  [147, -32]
];

const myFeature = new ol.Feature({
  geometry: new ol.geom.LineString(coordinates),
  name: "Line"
});

myFeature.setStyle(
  new ol.style.Style({
    stroke: new ol.style.Stroke({ color: "green", width: 8 })
  })
);

const vectorSource = new ol.source.Vector({
  features: [myFeature]
});

const vectorLayer = new ol.layer.Vector({
  source: vectorSource
});

const map = new ol.Map({
  target: "map",
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    }),
    vectorLayer
  ],
  view: new ol.View({
    projection: "EPSG:4326",
    center: [0, 0],
    zoom: 1
  })
});

CSS #

#map {
  height: 450px;
}

HTML #

<link href="https://cdnjs.cloudflare.com/ajax/libs/openlayers/7.1.0/ol.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/7.1.0/dist/ol.min.js"></script>

<div id="map"></div>

解决方案 #

问题核心：在EPSG:4326平面投影下，ol.geom.LineString会直接连接两点的平面坐标，这既不是球面最短路径（大圆航线），还会因为投影特性默认选择跨大西洋的连接方向。要实现正确的最短路径，需做以下修改：

1. 替换为GeodesicLineString生成大圆航线 #

OpenLayers 6.5及以上版本提供了ol.geom.GeodesicLineString，可以自动计算球面两点间的大圆航线（最短路径），并通过参数控制路径方向。

修改JS代码中的几何对象定义：

const myFeature = new ol.Feature({
  geometry: new ol.geom.GeodesicLineString(coordinates, {
    maxPoints: 100, // 控制路径平滑度，数值越高路径越顺滑
    wrapX: false    // 关键：禁用经度自动环绕，强制选择短路径方向（太平洋）
  }),
  name: "Line"
});

2. 完整修改后的JavaScript代码 #

let coordinates = [
  [-122, 47],
  [147, -32]
];

const myFeature = new ol.Feature({
  // 使用GeodesicLineString创建球面最短路径
  geometry: new ol.geom.GeodesicLineString(coordinates, {
    maxPoints: 100,
    wrapX: false
  }),
  name: "Line"
});

myFeature.setStyle(
  new ol.style.Style({
    stroke: new ol.style.Stroke({ color: "green", width: 8 })
  })
);

const vectorSource = new ol.source.Vector({
  features: [myFeature]
});

const vectorLayer = new ol.layer.Vector({
  source: vectorSource
});

const map = new ol.Map({
  target: "map",
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    }),
    vectorLayer
  ],
  view: new ol.View({
    projection: "EPSG:4326",
    center: [0, 0],
    zoom: 1
  })
});

原理说明 #

• GeodesicLineString基于球面几何计算两点间的最短路径（大圆航线），生成的路径符合地球表面的实际最短距离。
• wrapX: false参数禁止OpenLayers在经度180°/-180°处自动环绕几何图形，这样就会选择穿越太平洋的短路径，而非绕大西洋的长路径。

如果你的OpenLayers版本低于6.5，建议升级到新版本以使用该API；若无法升级，可手动通过球面三角公式计算大圆航线的坐标点，再传入LineString中。

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