问题描述
简短摘要:
我对JavaScript Map Control API的Autosuggest模块有疑问。我在示例(https://www.bing.com/api/maps/sdk/mapcontrol/isdk/autosuggestui#JS中看到,自动建议下拉列表默认情况下不会选择第一个建议。而是,用户必须将鼠标悬停在上方,然后单击建议或向下箭头以将其选中,然后按Enter。我正在尝试自动选择下拉菜单中的第一项,以便用户只需要输入地址的开头部分,然后在看到自动提示时按下回车键即可。
完整说明:
我正在使用的代码库已经对此有一种解决方法,它可以处理keypress事件,然后使用getSuggestions()函数(https://docs.microsoft.com/en-us/bingmaps/v8-web-control/modules/autosuggest-module/autosuggestmanager-class)。但是,这有一些缺点:
-
由于getSuggestions()函数是在输入框和建议容器的带外调用的,因此很难确定getSuggestions()是否会选择显示的自动建议中的第一项,并且很难知道它是否最终停止工作(例如,由于某些更新)。
-
getSuggestions()函数的回调返回RecommendationionResult [],并且它们中没有定义地理坐标,而attachAutosuggest的回调确实具有地理坐标。这可以通过使用REST api调用bing映射获取坐标来克服,但这确实使事情变得更加复杂。
-
此代码必须有点复杂,因为在Bing Maps事件处理程序已经处理ENTER keypress事件的情况下(因为用户按下箭头然后按下Enter),然后无需自己重新处理该事件。这样做的代码很脆弱。
解决方法
这里的解决方案是使用自定义UI组件创建下拉菜单,然后使用Bing Maps的REST API填充数据。这需要做大量工作才能正确,但是一旦完成,您将可以完全控制如何向用户展示界面。