如何设置Google地方信息自动填充API下拉列表的样式为“响应式”?

时间:2016-02-26 21:30:40

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

我的网站上有一个有效的搜索框和Google Places API自动填充功能。问题是,当搜索框太靠近屏幕边缘时,自动完成下拉列表显示为BELOW,您没有看到它。

如何使其响应?因此,当下拉列表将在屏幕外显示时,它会转到另一侧,它实际上是可见的吗?

我在这里看过文档:https://developers.google.com/maps/documentation/javascript/places-autocomplete 而且我看到他们有一个下载“pac-container”的课程,但没有任何关于它。

有谁知道如何解决这个问题?谢谢!

1 个答案:

答案 0 :(得分:2)

这对我有用:

<style type="text/css">
  .pac-container{
    margin-top: -210px;
  }
</style>