使用 JQuery 自动完成作为 Google Maps Api v3 地图控制时出现问题答案

【问题标题】：Problem when using JQuery Autocomplete as a Google Maps Api v3 map contro使用 JQuery 自动完成作为 Google Maps Api v3 地图控制时出现问题
【发布时间】：2011-08-02 00:00:37
【问题描述】：

我正在为 Google Maps API v3 构建地图控件。地图控件包含 JQuery UI 自动完成小部件。

地图控件被编码为 JQuery UI 小部件。代码在独立使用时工作正常，在用作地图控件时会出现故障，通过：

map.controls[google.maps.ControlPosition.TOP_LEFT].push(document.getElementById('myControl'));

问题在于，当自动完成检索数据并显示带有可用选项的下拉列表时，除了未显示的值之外，该列表似乎已完美构建。如果我单击一个项目，自动完成小部件的文本框会完美显示所选值。

因此，总结一下，当与 google maps api v3 作为地图控件一起使用时，自动完成小部件似乎无法显示下拉列表的值。

有什么线索吗？解决办法？

【问题讨论】：

标签： jquery-ui google-maps-api-3 jquery-ui-autocomplete

【解决方案1】：

这是问题的部分答案：

我的小部件使用了另一个自定义小部件（都在同一个 .js 文件下），其唯一职责是使用 JQuery UI CSS 类设置控件的某些元素的样式。

如果我在我的地图控件小部件上执行此样式并删除对 html 中其他 .js 文件的引用......一切正常。事实上，如果我不使用地图控件小部件中的样式小部件，而维护对 .js 文件的引用，问题仍然存在。

所以看起来它必须是关于样式小部件库文件的格式。

如果有人对这个问题还有什么要指出的，欢迎提供帮助！

【讨论】：