web-dev-qa-db-ja.com

OpenLayers 3：2点間の距離を計算する方法は？

OpenLayers 3を使用して、球形メルカトル図法（SRID：3857）投影の2点間の距離をどのように決定できますか？

distanceToがOpenLayers2で使用されたことを知っています

point1.distanceTo(point2)

OpenLayers 3 docs を調べましたが、似たようなものは見つかりませんでした...

javascriptopenlayers-3
13
sfletche

Sphereオブジェクトを使用して、次のように2つの座標間の距離を計算できます。

var distance = ol.sphere.WGS84.haversineDistance([0,0],[180,0]); 
//20037508.34 meters

Sphereは、コサイン、正距円筒図法などの距離を計算するためのさまざまなアルゴリズムも提供します。別の楕​​円体の半径を使用してSphereオブジェクトを作成することもできます。

ドキュメントがオンラインでない理由はわかりませんが、sphereオブジェクトのソースコードから利用できるメソッドを確認できます： https://github.com/openlayers/ol3/blob/master/src/ ol/sphere.js

私は個人的に、ソースコードを見ることはOpenLayers3についての答えを見つけるための最良の方法だと思います;）

17
markov00

私はかなり単純なソリューションを使用しています。 2つのポイントの間にol.geom.LineStringオブジェクトをインスタンス化し、線の長さを計算します。

        this.distanceBetweenPoints = function(latlng1, latlng2){
            var line = new ol.geom.LineString([latlng1, latlng2]);
            return Math.round(line.getLength() * 100) / 100;
        };

次に、いくつかのフォーマットを使用して、読み取り可能な値を取得できます。

        this.formatDistance = function(length) {
            if (length >= 1000) {
                length = (Math.round(length / 1000 * 100) / 100) +
                ' ' + 'km';
            } else {
                length = Math.round(length) +
                ' ' + 'm';
            }
            return length;
        }

編集：新しい計算方法

実際には、使用する投影に関して距離が誤っている可能性があります。これについては、ol3のgithubでかなり長い議論がありました。ここで確認できます： https://github.com/openlayers/ol3/issues/35

要約すると、正確な計算を取得するには、その関数を使用する必要があります。

/**
 * format length output
 * @param {ol.geom.LineString} line
 * @return {string}
 */
export default function mapFormatLength(projection, line) {
  var length;
  var coordinates = line.getCoordinates();
  length = 0;
  for (var i = 0, ii = coordinates.length - 1; i < ii; ++i) {
    var c1 = ol.proj.transform(coordinates[i], projection, 'EPSG:4326');
    var c2 = ol.proj.transform(coordinates[i + 1], projection, 'EPSG:4326');
    length += mapConst.wgs84Sphere.haversineDistance(c1, c2);
  }
  var output;
  if (length > 1000) {
    output = (Math.round(length / 1000 * 100) / 100) +
    ' ' + 'km';
  } else {
    output = (Math.round(length * 100) / 100) +
    ' ' + 'm';
  }
  return output;
}
5
Alexandre Mélard

もう1つのオプションを追加するだけです。これはol3に依存しません。

function toRad(x) {return x * Math.PI / 180;}

function SphericalCosinus(lat1, lon1, lat2, lon2) {

    var R = 6371; // km
    var dLon = toRad(lon2 - lon1),
        lat1 = toRad(lat1),
        lat2 = toRad(lat2),
        d = Math.acos(Math.sin(lat1)*Math.sin(lat2) + Math.cos(lat1)*Math.cos(lat2) * Math.cos(dLon)) * R;


    return d;
}
2
Jonatas Walker

私はこれを自分で書いたので、役に立つことを願っています。距離をメッターで返します。

function getCoordsDistance(firstPoint, secondPoint, projection) {
    projection = projection || 'EPSG:4326';

    length = 0;
    var sourceProj = mapObj.getView().getProjection();
    var c1 = ol.proj.transform(firstPoint, sourceProj, projection);
    var c2 = ol.proj.transform(secondPoint, sourceProj, projection);

    var wgs84Sphere = new ol.Sphere(6378137);
    length += wgs84Sphere.haversineDistance(c1, c2);

    return length;
}
1
MSS
function getCoordsDistance(latlng1, latlng2) {

    var markers = [];

    markers.Push(ol.proj.transform(latlng1, 'EPSG:4326', map.getView().getProjection()));
    markers.Push(ol.proj.transform(latlng2, 'EPSG:4326', map.getView().getProjection()));

    var line = new ol.geom.LineString(markers, 'XY');
    var length = Math.round(line.getLength() * 100) / 100;

    if (length >= 1000) {
        length = (Math.round(length / 1000 * 100) / 100) +
            ' ' + 'km';
    } else {
        length = Math.round(length) +
            ' ' + 'm';
    }
    return length;
}
0
user2573099