googleジオオートコンプリート入力の上にオプションを表示

Question

入力ボックスの上に提案された場所をGoogleジオオートコンプリートで表示する方法。デフォルトでは、入力ボックスの下に表示されます。

は、明確化のためのコード

$('#testinput').geo_autocomplete(new google.maps.Geocoder, { 
     mapkey: 'ABQIAAAA9zwaGXY8VJfahtEvIhFqRxQxHJFQqLPid4j-bqIolB-PApACxRRl-6RW4s2FYG7jrEBuytEwCKb02Q', 
     selectFirst: true, 
     minChars: 3, 
     cacheLength: 50, 
     width: 200, 
     scroll: true, 
     scrollHeight: 330, 
     position: { my: 'left bottom', at: 'left top' } 
    }).result(function (_event, _data) { 
     if (_data) { 
      try { 
       map.fitBounds(_data.geometry.viewport) 
      } catch (error) { } 
     }; 
    }); 

Answer 1

感謝を更新しました。

ジオオートコンプリートを使用してこれを行うには、それを使用するjQuery UIオートコンプリートウィジェットに 'position'オプションを渡せるようにカスタマイズする必要があります。

私はここに迅速なデモを行った。http://jsbin.com/eyobi6

このすべてがするが、「ui.geo_autocomplete.js」に次の行を追加します。

position: { my: 'left bottom', at: 'left top' },

あなたはオプション内の任意の場所に置くことができますオブジェクトですが、次の行の後に配置しました：

delay: 300, // see http://jqueryui.com/demos/autocomplete/#option-delay