使用 JQuery Autocomplete 作为 Google Maps Api v3 地图控件时出现问题
我正在为 Google Maps API v3 构建地图控件。地图控件包含 JQuery UI 自动完成小部件。
地图控件被编码为 JQuery UI 小部件。该代码在独立使用时工作正常,但在通过以下方式用作地图控件时出现故障:
map.controls[google.maps.ControlPosition.TOP_LEFT].push(document.getElementById('我的控制'));
问题在于,当自动完成检索数据并显示带有可用选项的下拉列表时,除了未显示的值之外,该列表似乎已完美构建。如果我单击一个项目,自动完成小部件的文本框会完美显示所选的值。
因此,总而言之,当与 google 地图 api v3 一起用作地图控件时,自动完成小部件似乎无法显示下拉列表的值。
知道发生了什么吗?解决方法?
I'm building a map control for Google Maps API v3. The map control contains the JQuery UI Autocomplete widget.
The map control is coded as a JQuery UI widget.The code works fine when used standalone and has a glitch when used as a Map Control via:
map.controls[google.maps.ControlPosition.TOP_LEFT].push(document.getElementById('myControl'));
The glitch is that when autocomplete retrieves the data and shows the dropdown list with available options, the list seems to be perfectly built except for the values not being showed. If I click on an item the textbox of the autocomplete widget perfectly show the value selected.
So, wrapping up, the autocomplete widget seems to fail to SHOW the values of the dropdown list when used with google maps api v3 as a map control.
Any clue what's happening? work arounds?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是问题的部分答案:
我的小部件使用另一个自定义小部件(全部在同一个 .js 文件下),其唯一的责任是使用 JQuery UI CSS 类来设置控件的某些元素的样式。
如果我在地图控件小部件上执行此样式并删除对 html 中其他 .js 文件的引用......一切正常。事实上,如果我不使用地图控制小部件中的样式小部件,同时维护对 .js 文件的引用,问题仍然存在。
所以看起来一定是关于样式小部件库文件的格式化方式的。
如果大家对于这个问题还有什么需要指出的,欢迎帮忙!
This is a partial answer to the question:
My widget uses another some custom widgets (all under the same .js file) whose only responsibility is styling some elements of the control with JQuery UI CSS classes.
If I perform this styling on my map control widget AND remove the reference to the other .js file in the html.... everything works fine. In fact, if I do not use the styling widgets from my map control widget WHEREAS maintaining the reference to the .js file, the problem persists.
So it seems it must be something about how the styling widgets library file is formatted.
If anyone has still something to point out about the issue, help is welcome!