全球位置输入自动完成答案

【问题标题】：Global location input autocomplete全球位置输入自动完成
【发布时间】：2011-04-19 09:45:14
【问题描述】：

我正在寻找一个插件来创建一个智能位置表单字段，该字段具有建议的自动完成功能。我找不到任何合适的东西（Google Geocode 本身太不可靠，而且它不是为此而设计的）所以我自己构建了。我觉得 2011 年没有像这样的开源全球位置输入插件很疯狂，所以开始尝试一下。

演示在这里 http://labs.unxposed.net/unxposed/geocode/ 并且正在 Chrome 和 Firefox 4 上运行。下载在这里 https://github.com/unxposed/geocode

我遇到了一个主要问题。有时它像这样工作得很好。在输入中输入 Ban 后，我会得到一个建议列表。输入会自动填充第一个与 Ban 匹配的建议，并选择 Ban 之后的输入文本（很像 Chrome 地址栏）。

但是，在输入中自动填充所选文本的大部分时间都不会突出显示，然后光标会移动到输入的末尾（这真的很烦人）。就像这样 - 在我输入 Banbur 之后。

我很确定这与 Google 地图有关，就好像我删除了辅助来源（Google 地理编码）一样，问题已解决，并且自动填充/输入选择始终如一地工作，但为什么会发生这种情况，我该如何解决？

任何其他改进/优化/建议也将不胜感激！

谢谢

【问题讨论】：

我看不出你的图片有什么不同，在演示中它在 chrome 上对我来说可以正常工作，有时使用 ajax 可能会出现故障，并且在请求后可能需要几秒钟才能返回数据。
输入的第一张图片被自动填充，Ban之后的文字被高亮显示。在第二张图片上，输入已正确自动填充，但 Banbur 之后的文本（我输入的文本）并未像应有的那样突出显示。或者更确切地说，它可能已被突出显示，但之后它会自动取消突出显示 - 就像按下右箭头键一样。
这种情况也发生在禁令中，只是需要更长的时间
是的，它可以发生在任何事情上。似乎很武断。有时这很好，但大多数情况下，无论出于何种原因，突出显示都不会保持突出显示。这就是问题所在。
我也不希望它突出显示，当您尝试删除整个内容时这有点烦人，如果我是网站上的用户，它不会让您选择和清除输入字段，并且无法做某事（如果我是中年计算机文盲）我会离开您的网站

标签： jquery jquery-plugins autocomplete geolocation geocoding

【解决方案1】：

您的位置数据源是什么？如果是 geonames.org，它们在不同的服务器上具有不同的地理位置 - 具有不同的性能特征。因此，在世界范围内的搜索中，随着不同服务器在不同时间折腾回来，通常会看到混蛋、奇怪的响应等。我发现用户选择一个国家，并将其输入到城市查询中，几乎可以消除抖动、奇怪的反应等。如果您使用的是 geonames.org，它们需要在搜索框中注明出处。如果您使用的是谷歌名称数据源，我无法发表评论，但您可以查看他们如何处理主要国家和次要国家。此外，请考虑所提供的详细程度。 Geonames 在这方面表现出色。

【讨论】：

【解决方案2】：

有一个可以做到这一点的小部件，即 jquery ui 自动完成功能。

http://jqueryui.com/demos/autocomplete/#remote-jsonp

这个演示正是您所需要的，选择世界各地的地点

希望这会有所帮助。干杯

【讨论】：

智能位置是指还可以处理邮政编码、街道地址等输入的东西。单独的自动完成功能并不能映射位置。

【解决方案3】：

如果问题与突出显示有关，您可能需要检查 ajax 调用的成功部分，并确保您在正确的时刻取消突出显示。因为该部分总是在变化，考虑到带回大量信息和动态变化的性质，它可能会在某一时刻出现故障

希望这会有所帮助！

ps。自动完成 jQuery 将自动完成它提供的任何内容

【讨论】：

【解决方案4】：

看看这个下载http://code.google.com/p/geo-autocomplete/ 演示：http://geo-autocomplete.googlecode.com/svn/trunk/demo/ui.demo.html

【讨论】：

虽然此链接理论上可以回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。

【解决方案5】：

OSClass.org 免费提供其主题，该主题具有位置自动完成功能，所有区域都会自动填充。您可以在他们的演示中查看并从他们的主题文件中下载代码。演示（登录并转到设置->位置部分）：http://demo.osclass.org/general/oc-admin/index.php?page=login

【讨论】：