JQueryオートコンプリートをGoogle Maps API v3の地図として使用した場合の問題

Question

Google Maps API v3のマップコントロールを構築しています。マップコントロールには、JQuery UIオートコンプリートウィジェットが含まれています。

マップ制御がスタンドアロンで使用される場合はJQuery UI widget.Theコードが正常に動作として符号化を介してマップコントロールとして使用した場合にグリッチを有している。

map.controls [google.maps.ControlPosition.TOP_LEFT] .push（document.getElementById（ 'myControl'））;

オートコンプリートでデータを取得してドロップダウンリストに利用可能なオプションが表示されると、表示されていない値を除いてリストが完全に構築されているように見えます。アイテムをクリックすると、オートコンプリートウィジェットのテキストボックスが選択した値を完全に表示します。

Google Map API v3をマップコントロールとして使用すると、自動完成ウィジェットがドロップダウンリストの値を表示できないようです。

何が起こっているのか？回避策？

Answer 1

これは質問への部分的な答えです：

私のウィジェットは、その唯一の責任はJQuery UI CSSクラスとコントロールのいくつかの要素をスタイリングされ、他のいくつかのカスタムウィジェット（すべて同じ.jsファイルの下）を使用しています。

マップコントロールウィジェットでこのスタイリングを実行し、htmlの他の.jsファイルへの参照を削除すると....すべて正常に動作します。実際、マップコントロールウィジェットからスタイリングウィジェットを使用しないと、.jsファイルへの参照を維持していても問題は解決しません。

だから、スタイリングウィジェットのライブラリファイルがどのように書式設定されているかについて、何かが必要なようです。

誰かがまだ問題について何かを指摘している場合は、助けてください！