程序员经验分享-hwhale

全球位置输入自动完成

2023-12-15

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

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

我遇到了一个主要问题。有时像这样效果很好。打字时Ban在输入中我得到了建议列表。输入会自动填充第一个建议后匹配Ban以及之后的输入文本Ban被选中（很像 Chrome 地址栏）。

enter image description here

然而，大多数时候，输入中自动填充选定的文本变得不突出显示，然后光标移动到输入的末尾（这真的很烦人）。就像这样 - 在我输入后Banbur.

enter image description here

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

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

Thanks


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

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

jqueryplugins

autocomplete

Geolocation

geocoding

全球位置输入自动完成 的相关文章

  • 如何在 的每四个循环项之后添加

    我想在循环中的每第四个数字项之后退出循环 我想创建一个二十人的名单 在每一个tr应该是4个人 So I want to break from the loop after every 4th number of loop My one tr

  • 如何为多个元素添加Class？

    我正在使用这段 javascript 向多个元素添加一个类 我试图引用多个 div 并向它们添加类 它只适用于第一个 JavaScript

  • 用于验证网络路径的正则表达式 PHP、jQuery、JavaScript、Ruby

    尝试找出用于验证网络路径的正则表达式 即 comp xyz or comp or comp x y z storage或者所有部分都更长的东西 但希望能够传达其要点 我目前拥有的是一个简单的输入字段 用户可以通过它传递信息 事情是我不希望他

  • Ajax调用完成后执行函数

    我是 Ajax 新手 我尝试在使用 for 循环时使用 Ajax Ajax 调用之后 我正在运行一个使用 Ajax 调用中创建的变量的函数 该函数只执行两次 我认为 Ajax 调用可能没有足够的时间在循环开始之前进行调用 有没有办法在运行

  • Boolean("false") 返回 true..还有其他选择吗？

    我正在使用 jquery 将 true 和 false 字符串写入 data html 属性 但是 当我将 false 写入其中一个属性 然后检查它是否为 false 时 它 会返回 true 我还在网上读到它应该这样做 这真的毫无意义 有

  • 当字段已经填充时，jQuery Validate 有时无法工作

    我的页面中有一个更新表单 所有文本框都已填充用户信息 我用了jquery 验证 https jqueryvalidation org 我的网站中的插件 当表单没有任何默认值时 该插件可以正常工作而不会出现任何错误 在我的表单中 有时错误消息

  • 来自 ajax 的 Bootstrap 表 json

    我有 ajax 和 bootstrap 表的问题 我有一个 ajax JSON 我用这个方法调用 document ready function ajax url php process php method fetchdata dataT

  • 是否可以使materialize.css模态更大并删除垂直滚动条？

    我刚刚创建了按钮 单击后会弹出一个模式 每个按钮都有一个显示不同练习 gif 的模式 然而 模态框太小 导致用户无法看到整个 gif 迫使他们向下滚动 我想删除滚动条并使模态更大 以便用户可以看到整个 gif 任何帮助都会很棒 这是我的代码

  • 是否可以获取绑定到 jQuery 元素的事件列表？

    正如问题所说 我需要绑定到特定元素的事件列表 我的意思是像单击 鼠标悬停等事件在 dom 加载时绑定到该元素 愚蠢 示例 element click function stuff element mouseover function stu

  • 禁用外部点击时关闭模式

    我正在制作一些使用模式的博客物质化 但我的模态 onclick 外部和错误数据有问题 这是我的代码 main js function changepassword var user userlog val var content conte

  • 从 JavaScript 加载图像

    在我的专辑幻灯片放映页面上 我有类似的代码 span style display none img src imageUrl span span show loader span in showImage 我确定图像已加载 因此我显示图像并

  • Twitter Bootstrap - 下拉菜单 - 箭头键不适用于 Firefox 中的输入标签

    要求 我想在带有用户名和密码字段的下拉菜单中放置一个登录表单 我可以做到这一点 除了以下问题之外 一切正常 Issue 打字时我无法使用箭头键 上 下 firefox 当输入位于下拉代码之外时 这很有效 这适用于其他浏览器 例如 googl

  • 纯 JS 相当于 Jquery eq()

    jquery 的纯等价物是什么eq 例如 我怎样才能实现 class1 class2 eq 0 text 1254 在纯 JavaScript 中 要获取数组中的元素索引 可以使用 在 JavaScript 中 因此 要重现您的代码 您可以

  • 如何防止输入文本中出现“后重音”

    我相信这是一个简单的问题 但在谷歌上搜索几个小时后我找不到任何答案 也许我无法在搜索中使用正确的单词 P 我有一个 javascript 方法 可以防止用户用数字以外的其他字符填充文本框 如下面的代码所示 它在 KeyDown 事件中使用

  • 未捕获的异常：数据表编辑器 - 不允许远程托管代码

    我正在尝试使用 Datatables 使用 datatableseditor 来实现 CRUD 操作 但是我收到错误消息 1 未捕获的异常 数据表编辑器 不允许远程托管代码 请参见http editor datatables net有关如何

  • Ajax 内容和 jQuery 动画效果

    我正在尝试使用 jQuery 动画效果为 WordPress 帖子制作 Ajax 内容 问题是第一个动画 在本例中 fadeOut 工作正常 但第二个 FadeIn 或我尝试使用的任何动画效果没有对新内容生效 加载的内容只是出现 没有任何效

  • Jquery.Validate - 基于哪个选项卡添加/删除规则

    我有一个 Bootstrap 4 选项卡式界面 每个选项卡上都有输入框 我想允许用户根据他们所在的选项卡输入不同的必填字段 因此我希望根据该选项卡添加或删除验证 无论用户位于哪个选项卡 还有一些强制输入 我所做的是创建一个默认验证函数 添加

  • JQuery $.ajax() 在 java servlet 中发布数据

    我想将数据发送到 java servlet 进行处理 数据将具有可变长度并采用键 值对 A1984 1 A9873 5 A1674 2 A8724 1 A3574 3 A1165 5 数据不需要这样格式化 这就是我现在的方式 var sav

  • 表单 CSS：根据选中/未选中状态设置单选框的父级（标签）样式

    所以我有一个表格 表格中提出的大多数问题都是使用无线电输入 我要和

  • jQuery：如何正确使用 .stop() 函数？

    在本页面 http www arvag net old smsbox de http www arvag net old smsbox de 当您将鼠标悬停在 Informationen 和 ber ins 上时 它会显示一个子菜单 当您将

随机推荐

  • 使用 PHPmailer 发送多封电子邮件

    编辑 我忘记了我创建了SendMail 函数我自己 这就是为什么解释一开始没有提到它的作用 我在使用 PHPMailer 时遇到了一些问题 https github com PHPMailer PHPMailer 当尝试发送两封电子邮件时

  • 使用 Ruby 在多个操作系统中读取文件名而不会出现编码问题

    我想获取 UTF 8 格式的所有文件名 例如 当我在 Windows 中读取文件名后 我会 filename Iconv iconv UTF 8 Windows 1251 filename 在 Ubuntu 中 我不转换文件名并以 UTF

  • 如何制作类似于 Dropbox 的登录按钮？

    我正在尝试做类似 Dropbox 的登录按钮 有一个线程jQuery 中的 dropbox 登录弹出方法 但我对此无能为力 我希望当我按下登录按钮时将其打开 与 dropbox com 相同 这是示例代码 现在它可以在悬停时运行 但我想要点

  • ASP.NET 自定义控件

    如何创建自定义控件 不是 ASCX 控件 更重要的是 如何在项目中使用它 我不想为它创建一个单独的项目或将其编译为 DLL 服务器控件应编译成 DLL 没有理由害怕在项目中添加额外的程序集 它有助于创建良好的项目组织 ASP NET 服务器

  • jsf2.0 - 如何获取请求范围内其他 jsf 页面 bean 中的值

    我有两个页面 myaccount xhtml 和 selectbank xhtml 在我的帐户页面中 有一个充值帐户选项 当用户按下提交按钮时 用户将在其中输入金额 然后它将使用以下 bean 方法转到选择银行页面 public Strin

  • 更改 mat-list-option 中的文本颜色

    我在用mat selection list组件其中mat list option正在显示一个contact list如下所示 Now the background color当我点击特定时正在改变contact name 例如格雷姆天鹅 和

  • 如何获取 Rplotly 的旭日图中点击切片的 event_data

    当使用plotly R包在Shiny应用程序中创建旭日饼图时 用户可以单击图来动态放大 缩小 我们希望能够下载当前选定 居中片段的一些数据 但是 我们无法从所有可能的 eventdata 选项中找到此信息 有悬停事件 但这还不够 因为用户可

  • Nokogiri 解析 ajax 加载的内容

    nokogiri 是否可以解析通过 ajax 加载的内容 如果不是 我将如何实现这一目标 Nokogiri 无法看到 AJAX 内容 因为它不是 Javascript 解析器 因此无法解释它并执行所需的请求 您想要的是 Watir 或其衍生

  • Bootstrap typeahead 绑定值与淘汰赛 js 不起作用

    我有一个使用淘汰赛创建的 ViewModel 其中包含我的产品的所有信息 它看起来像这样 var ProductViewModelDS function data var self this self ProductSKUID ko obs

  • 根据java中的字母将按字母顺序排序的列表拆分为子列表

    我在java中有一个排序列表 我只想根据列表每个索引的第一个字母将该列表拆分为子列表 例如 列表包含 calculator catch doll elephant 我想要子列表为 calculator catch doll elephant

  • Grails 3 自动重新连接 MS Sql Server

    我正在 Grails 3 2 2 上开发一个 Web 应用程序 使用 spring boot 和 hibernate 以及 MS SQL Server 作为后端数据库 我希望每当 SQL Server 在重新启动或出现任何其他问题后恢复时

  • http.get 被调用两次

    我有这个 http get 请求 但它被触发了两次 它在我的构造函数内 import Component from angular core import NavController LoadingController from ionic

  • 派生接口中的新方法声明

    我最近研究了一些代码 遇到了一个派生接口 它声明new与基本接口具有完全相同的名称和签名的方法 public interface IBase Result Process Settings settings public interface

  • 将 YUV 绕过 RGB 步骤转换为 HSL 或 HSV

    维基百科和大量在线资源为 RGB 之间的各种颜色空间转换提供了详细且丰富的帮助 我需要的是一个直接 YUV gt HSL HSV 转换 事实上我需要的只是Hue 不太关心饱和度或亮度亮度 值 换句话说 我只需要计算给定 YUV 颜色的 颜色

  • 为什么我的 UITableView 不响应 TouchBegan？

    我正在使用这个方法 void tableView UITableView tableView touchesBegan NSSet touches withEvent UIEvent event UITouch touch event al

  • 从本地主机或外部服务器将文件上传到 Google Cloud Storage

    我想通过托管在我的本地主机或外部服务器中的 PHP 或 JavaScript 应用程序将文件上传到 Google Cloud Storage 存储桶 当我尝试时 Google Cloud Storage 专门支持从 Google App E

  • java @Asynchronous 方法：不运行异步

    我尝试运行一个异步进程 基于这个例子 http tomee apache org examples trunk async methods README html 但方法addWorkflow Workflow workflow 仅当代码在

  • JW Player：跨浏览器“显示：无”播放器行为

    有没有一种简单 预先的方法可以让 FF 和 IE 同等对待隐藏的 JW 玩家 我将播放器的不同实例动态放置在 jQuery 生成的选项卡中 实际上 切换选项卡会隐藏每个玩家的父 div 在 FireFox 中 选项卡切换和伴随的 显示 更改

  • MVVM Light 上缺少 EventToCommand

    这个有用的类似乎从最新的 MVVM Light 版本中消失了 知道为什么或如何解决它吗 我正在使用 MvvmLightLibs 5 0 1 0 肯定存在于 MvvmLightLibs 4 1 27 0 上 所以这个问题与一个无关Window

  • 全球位置输入自动完成

    我正在寻找一个插件来创建一个智能位置表单字段 该字段具有建议的自动完成功能 我无法找到任何合适的东西 Google 地理编码本身太不可靠 而且它不是为此设计的 所以我构建了自己的 我认为 2011 年还没有这样的开源全局位置输入插件 这太疯

热门标签