Google会自动填充 - 限制结果数量

时间:2012-08-07 20:53:39

标签: javascript google-maps-api-3 google-places-api

我有什么方法可以在Google地方自动填充功能中显示比5(默认)更少的结果吗?

2 个答案:

答案 0 :(得分:3)

我无法显示少于5个我熟悉的结果,但您可以使用css更改自动完成下拉列表的高度。

保存自动完成结果的div使用已经将溢出设置为隐藏的pac-container类进行样式设置,因此如果将高度设置为50px,则任何填充div超过50px的结果都将是隐。在example上,这将隐藏最后两个结果并仅显示三个。

.pac-container {
  height: 50px;
}

如果只想更改下拉列表的高度并允许用户向下滚动以查看额外的结果,您可以将高度设置为50px并设置overflow-y以滚动。

.pac-container {
  height: 50px;
  overflow-y: scroll;
}

答案 1 :(得分:0)

使用现代CSS,您甚至可以限制显示结果的数量。 例如3个结果:

.pac-item { display: none; }
.pac-item:nth-child(-n+3) { display: block; }

或者介于:-) https://developer.mozilla.org/de/docs/Web/CSS/:nth-child