如何使用 distanceTo() 方法计算传单中两个标记之间的距离？

Question

我需要你的帮助来使用 distanceTo() 方法计算两个标记之间的距离。我试图在 Angular 中实现它，但在控制台中出现以下错误：

代码如下：

display() {

    let from_select = $('#from_station option:selected').val();
    let to_select = $('#to_station option:selected').val();

    let filteredStations1 = this.stationsNames.filter( function(currentStation1:any) {
      return currentStation1.name == from_select;
    })

    let filteredStations2 = this.stationsNames.filter( function(currentStation2:any) {
      return currentStation2.name == to_select;
    })

    let from = JSON.parse(filteredStations1[0].loc_stringify);
    let to = JSON.parse(filteredStations2[0].loc_stringify);

    console.log(from.distanceTo(to));
  
  }

错误：

ERROR TypeError: from.distanceTo is not a function
    at AddEditTripComponent.display (main.js:1125)
    at AddEditTripComponent_Template_button_click_16_listener (main.js:1174)
    at executeListenerWithErrorHandling (vendor.js:58037)
    at wrapListenerIn_markDirtyAndPreventDefault (vendor.js:58072)
    at HTMLButtonElement.<anonymous> (vendor.js:76806)
    at ZoneDelegate.invokeTask (polyfills.js:9646)
    at Object.onInvokeTask (vendor.js:71332)
    at ZoneDelegate.invokeTask (polyfills.js:9645)
    at Zone.runTask (polyfills.js:9414)
    at ZoneTask.invokeTask [as invoke] (polyfills.js:9727)

Answer 1

您想调用从 JSON.prase 获得的对象的函数 distanceTo，该对象没有函数 distanceTo。您需要先创建一个标记或一个 LatLng 对象。

var fromLatLng = L.latLng(from);
var toLatLng = L.latLng(to);

var dis = fromLatLng.distanceTo(to);
console.log(dis);

Answer 2

答案如下：

    let latlng1 = L.latLng(from.lat, from.lng);
    let latlng2 = L.latLng(to.lat, to.lng);

    let distance = latlng1.distanceTo(latlng2) / 1000

    console.log(distance);

如何使用 distanceTo() 方法计算传单中两个标记之间的距离？

How to Calculate the distance between two markers in leaflet using distanceTo() method?

leaflet

angular-leaflet-directive