Google Maps API v3 自动完成文本宽度

Question

https://developers.google.com/maps/documentation/javascript/places-autocomplete#style_autocomplete 描述了如何处理搜索框。然而，在旧地图版本中，当使用方向时，建议会完整显示（因此文本宽度会比实际框宽）。无论如何我们都无法找到实现这一点的方法，我们正在使用https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete?csw=1 代码。

提前致谢。

Answer 1

自动完成会生成一个带有 .pac-container 类的 div，您可以向其中添加 CSS 规则并使用 !important 选项添加优先级。

在你的 CSS 中添加：

.pac-container {
  width: 200px !important;
}

将 200px 替换为所需的宽度。我认为应该可以完成这项工作。