如何在 google 个地方获得结果 API 首先从一个特定的地方开始
How to get results in google Places API starting from a particular place first
我正在使用 Google 地方 API.
创建一个小的解决方案
当我搜索“30306”时,它显示了这些结果:多个选项但不是 GA(乔治亚州)
在另一个示例网站上,当我搜索相同的关键字时显示如下:
GA的唯一结果。
我只想知道,是什么参数决定了如何从 google API 中获取结果,
我想优先考虑 GA(Georgia) 附近的结果,如果有的话,然后休息结果。
我做的简单实现是:
autocomplete = new google.maps.places.Autocomplete(
/** @type {HTMLInputElement} */ (
document.getElementById("autocomplete")
)
);
尝试关注
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
function initMap() {
const map = new google.maps.Map(document.getElementById("map"), {
center: {
lat: 40.749933,
lng: -73.98633
},
zoom: 13,
});
const input = document.getElementById("autocomplete");
const autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo("bounds", map); // This is the option that list down your requirement;
}
</script>
<body>
<input id="autocomplete" type="text" placeholder="Enter a location" style="width: 50%; position: fixed; z-index: 99999;" />
<div id="pac-container">
<div id="map"></div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&libraries=places&v=weekly" async></script>
</body>
</html>
我正在使用 Google 地方 API.
创建一个小的解决方案当我搜索“30306”时,它显示了这些结果:多个选项但不是 GA(乔治亚州)
在另一个示例网站上,当我搜索相同的关键字时显示如下: GA的唯一结果。
我只想知道,是什么参数决定了如何从 google API 中获取结果, 我想优先考虑 GA(Georgia) 附近的结果,如果有的话,然后休息结果。
我做的简单实现是:
autocomplete = new google.maps.places.Autocomplete(
/** @type {HTMLInputElement} */ (
document.getElementById("autocomplete")
)
);
尝试关注
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
function initMap() {
const map = new google.maps.Map(document.getElementById("map"), {
center: {
lat: 40.749933,
lng: -73.98633
},
zoom: 13,
});
const input = document.getElementById("autocomplete");
const autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo("bounds", map); // This is the option that list down your requirement;
}
</script>
<body>
<input id="autocomplete" type="text" placeholder="Enter a location" style="width: 50%; position: fixed; z-index: 99999;" />
<div id="pac-container">
<div id="map"></div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&libraries=places&v=weekly" async></script>
</body>
</html>