自动完成地址字段触发到最近列出的GEO位置

Question

现在,代码使用浏览器的GEO位置来确定用户所在的位置,并计算从位置列表中的每个位置到用户的距离.它对下拉列表中的列表进行排序,并要求用户在那里手动选择一个位置(这大部分时间是排序列表顶部的最短位置).

通过在选择之后单击下拉列表下方的按钮,将执行与用户选择相关联的链接.

我想用Google API地址字段替换自动确定用户位置的代码.应该要求用户键入地址,选择正在显示的一个自动填充选项,并转发到与最接近所选地址的位置相关联的链接.选择地址后触发的事件:

1. 正在计算所选地址与位置列表中位置之间的距离
2. 将确定最近的位置(用户在此没有发言权)
3. 将执行与最近位置相关联的链接(href).视觉最终结果应该只是一个地址字段.我包含了下拉和按钮,因为我认为可以使用大部分底层代码完成,即使我还没有这样做.

感谢Ali将代码上传到小提琴:

https://fiddle.jshell.net/ali_soltani/5h283178/4/