Question

我使用以下代码获取城市建议，但它给了我城市+州+国家，但我只需要城市名称

<html>
  <head>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
    <script>
        var autocomplete;
        function initialize() {
        autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'), { types: ['(cities)'], componentRestrictions : { country: 'in' }});

        }
    </script>
  </head>
  <body onload="initialize()">
    <div id="locationField">
      <input id="autocomplete" placeholder="Enter your address" onFocus="geolocate()" type="text"></input>
    </div>
  </body>
</html>

有什么建议吗？

Answer 1

您无法删除这些信息，但是，您可以使用CSS 掩盖它们。

请参阅this link。

引用官方文档，以下是Autocomplete组件使用的类。 enter image description here

因此，我建议您使用CSS隐藏您不想显示的部分在您的情况下，您可以使用：

.pac-item-query + span
{
    display: none
}

这会将下一个adjacent <span>隐藏到<span>，其类pac-item-query（仅包含城市的建议名称），因此，只允许显示的城市因此，根据您的要求，州/国家被掩盖。

小心，所有浏览器都不支持+伪选择器，包括IE6。请在使用前检查您的浏览器要求。

使用Google Places API在自动填充建议中仅获取城市名称

1 个答案: