html5，mobile：按距离排序POI

Question

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

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

以与iPhone和Android兼容的方式对此进行编码的正确方法是什么？

Answer 1

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

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

如果你得到了一个地理定位结果，你可以使用标准sqrt(a*a+b*b)距离公式按距离对列表进行排序，假设距离不是太远而且你不是太靠近极点，并且依赖于你需要距离计算的准确程度。如果距离很远，或者你处于高纬度或低纬度，或精度要求很高，你需要做一些更复杂的数学运算才能在球面坐标系上运行。

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