首页 > 解决方案 > 如何使谷歌地方自动完成结果显示在输入上方

问题描述

我在页面底部有一个文本输入,并且希望pac-container结果显示在输入上方而不是下方,因为没有空间。

我无法应用!important通用样式,因为页面上还有其他需要正常显示的自动完成实例。如果有帮助,我正在使用 angularJS。

在此处输入图像描述

标签: javascriptcssautocompletegoogle-places-api

解决方案


对于正在寻找答案的任何人:我没有使用谷歌自动完成下拉菜单,而是通过从谷歌地点数据中获取五个结果的数组并将其与我的搜索的输入值相关联来创建自己的。然后我从数组中选择了名称字符串并用它构建了一个菜单。

googleAutocompleteService.getPlacePredictions()

推荐阅读