谷歌地理自动完成显示上面输入的选项

时间:2011-04-20 15:30:44

标签: javascript jquery jquery-plugins

如何在输入框上方显示谷歌地理自动填充建议的位置。默认情况下,它显示在输入框下。

更新了代码

$('#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) { }
        };
    });

1 个答案:

答案 0 :(得分:1)

感谢您的澄清。

为了使用地理自动完成功能执行此操作,您需要对其进行自定义,以便允许将“位置”选项传递给它使用的jQuery UI自动完成小部件。

我在这里做了一个快速演示: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