在 IONIC 中使用谷歌 API 比较多个地址时如何获取关闭地址

Posted 2023-03-16

【中文标题】在 IONIC 中使用谷歌 API 比较多个地址时如何获取关闭地址

【英文标题】：How can i get the closes address when comparing multiple addresses using google API in IONIC

【发布时间】：2021-08-11 01:46:41

【问题描述】：

我正在使用以下代码从单个位置获取多个地址之间的距离，然后我将结果推送到我的 html，它工作正常......但我希望能够为每个用户获取每个距离和也只显示最近的用户。

data.forEach( (element) => const distance = this.distanceInKmBetweenEarthCoordinates(this.Senderlat,this.Senderlng,parseFloat(element.lat),parseFloat(element.lng));


        this.drivers.push(element);

    );

我正在使用它在我的 html 文件中显示循环，效果很好..但我需要按距离或 item.distance 的字段名称对数据进行排序，以便最近的人在订单前先出现

   <ion-item lines="none" *ngFor="let item of drivers>

【问题讨论】：

***.com/questions/18883601/… - 看看这个。

谢谢你..我能够得到所有坐标之间的距离......但我需要在我的 html 中按最近的顺序显示每个距离

【参考方案1】：

在获得距离数组后（以任何单位）

distances.sort((dist1,dist2)=> dist2-dist1);

这负责对原始数组进行排序。

<div *ngFor="let distance of distances; let i=index">
index distance <!-- prints the value from the sorted array-->
</div>

【讨论】：

你能澄清一下吗..我正在使用这样的方式推送到我的html，this.drivers.push(element);

在 ionic UI 中遍历数组并显示它。

你能举个例子吗？或者你想让我粘贴我试过的吗？

已添加基于Angular的示例代码