html5，移动：按距离对 POI 进行排序

Posted 2023-02-23

【中文标题】html5，移动：按距离对 POI 进行排序

【英文标题】：html5, mobile: Sort POIs by distance

【发布时间】：2011-08-16 20:47:16

【问题描述】：

我正在为实体产品构建移动网站。典型的使用场景是通过扫描产品标签上的二维码打开网站。

我想要一个包含供应商列表的页面，按与手机位置的距离排序。如果页面无法获取手机的位置，我想按字母顺序显示列表。

以与 iPhone 和 android 兼容的方式编写此代码的正确方法是什么？

【参考方案1】：

http://diveintohtml5.ep.io/geolocation.html 解释 HTML5 地理定位 API 的用法。

您可能然后想要对某个服务器进行 AJAX 调用，该服务器将根据您扫描的部分检索供应商列表及其经纬度坐标、名称等。 p>

如果您返回了地理定位结果，您可以使用标准的sqrt(a*a+b*b) 距离公式按距离对列表进行排序，假设距离不太远并且您离杆子不太近，具体取决于如何准确，您需要距离计算。如果距离很远，或者您处于高纬度或低纬度，或者精度要求很高，则需要进行一些更复杂的数学运算才能在球坐标系上进行操作。

对列表进行排序的实际过程取决于您使用的框架（如果有的话）。