gpt4 book ai didi

javascript - 谷歌附近的地方搜索无法正常工作

转载 作者:行者123 更新时间:2023-11-28 06:11:09 26 4
gpt4 key购买 nike

很抱歉为这样的新手问题寻求帮助。但是使用maps api很困惑。它没有显示类型国家/地区的任何内容,或者有时仅显示与类型:商店的类型:机构相同的结果。

<!DOCTYPE html>
<html>
<head>
<style>
#map {
height: 500px;
}
</style>
<script>

var nlat, nlong;

nlat= 19.0759837; //default
nlong = 72.87765590000004; // default

getLocation();
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("Geolocation is not supported by this browser.");
}
}

function showPosition(position) {
nlat = position.coords.latitude;
nlong = position.coords.longitude;
}

var map;
var infowindow;
var plcsearch = "";

function initMap() {

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: nlat, lng: nlong},
zoom: 10
});

infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.nearbySearch({
location: {lat: nlat, lng: nlong},
radius: 5000000,
type: ['country']
}, callback);
}

function callback(results, status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
plcsearch = plcsearch + "<br>" + results[i].name;
}
}
var x = document.getElementById("plcrad");
x.innerHTML = plcsearch;
}

function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name);
infowindow.open(map, this);
});
}

</script>
</head>
<body>
<div id="map"></div>
<div id="plcrad">List of Countries</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCEBvD7N9NkG4_1xAFPpPH6FTJLIk-_2TY
&libraries=places&callback=initMap" async defer></script>

</body>
</html>

您也可以在这里看到同样的问题:https://developers.google.com/maps/documentation/javascript/examples/place-search请帮我一下。提前致谢。

最佳答案

为了支持 Dr.Molle 的评论,国家/地区不是搜索请求的有效类型。

地点类型

以下是一些受支持类型的列表,可用于过滤地点搜索和添加地点时。

  • 会计
  • 机场
  • 游乐园
  • 水族馆
  • 艺术画廊
  • 自动取款机
  • 面包店
  • 银行
  • 酒吧
  • 美容沙龙

对于您对机构或商店相同结果的其他疑虑,以下是搜索响应示例:

"place_id" : "ChIJ5xQ7szeuEmsRs6Kj7YFZE9k",
"scope" : "GOOGLE",
"reference" : "CnRvAAAA22k1PAGyDxAgHZk6ErHh_h_mLUK_8XNFLvixPJHXRbCzg-gw1ZxdqUwA_8EseDuEZKolBs82orIQH4m6-afDZV9VcpggokHD9x7HdMi9TnJDmGb9Bdh8f-Od4DK0fASNBL7Me3CsAWkUMWhlNQNYExIQ05W7VbxDTQe2Kh9TiL840hoUZfiO0q2HgDHSUyRdvTQx5Rs2SBU",
"types" : [ "food", "establishment" ],
"vicinity" : "48 Pirrama Rd, Pyrmont"

正如响应所示,一个地点可以有多种类型,具体取决于添加方式。为了更好地理解某些搜索请求如何或为何返回相同的结果,我们可以仔细检查响应并查看每个地点的类型标签。

引用,您可以进一步查看types supported in place search and addition , types not supported in the type filter of a place search ,和 search Responses .

关于javascript - 谷歌附近的地方搜索无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36379021/

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