gpt4 book ai didi

google-maps-api-3 - 使用 Google Places API 在自动完成建议中仅获取城市名称

转载 作者:行者123 更新时间:2023-12-04 08:58:32 25 4
gpt4 key购买 nike

我正在使用下面的代码来获取城市建议,但它给了我城市 + 州 + 国家,但我只需要城市名称

<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>

有什么建议吗?

最佳答案

您无法删除这些信息,但是,您可以使用 CSS 屏蔽它们。

请引用this link .

引用官方文档,这里是Autocomplete的组件使用的类. enter image description here

所以我建议你使用CSS来隐藏你不想显示的部分。
在您的情况下,您可以使用:

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

这将隐藏下一个 adjacent <span><span>谁的类(class)是pac-item-query (其中仅包含建议的城市名称),因此,只显示城市。
因此,根据您的需要,州/国家被屏蔽了。

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

关于google-maps-api-3 - 使用 Google Places API 在自动完成建议中仅获取城市名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29913063/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com