如何在输入框上方显示谷歌地理自动填充建议的位置。默认情况下,它显示在输入框下。
更新了代码
$('#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) { }
};
});
答案 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