gpt4 book ai didi

javascript - 将搜索查询传递给谷歌地图 JS api

转载 作者:行者123 更新时间:2023-11-30 08:28:49 24 4
gpt4 key购买 nike

我正在寻找一种将搜索查询传递给 google maps JS API 的方法。因此,我所能看到的就是将搜索框合并到谷歌地图中。我正在开发一个用户不必输入谷歌的应用程序。例如,我的着陆页上会有一个按钮,上面写着“波士顿的学校”。只需点击它就可以突出显示波士顿的学校。像这样的 Schools in Boston

如果用户不在搜索框中输入内容,我找不到获得相同功能的方法。我期待像 https://maps.googleapis.com/maps/api/js?callback=initMap&q=schools+in+boston 这样的 API 调用但找不到任何。请帮忙。

谢谢

最佳答案

这是 api 文档:https://developers.google.com/maps/documentation/javascript/places#TextSearchRequests以及他们提供的代码:

var map;
var service;
var infowindow;

function initialize() {
var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

map = new google.maps.Map(document.getElementById('map'), {
center: pyrmont,
zoom: 15
});

var request = {
location: pyrmont,
radius: '500',
query: 'restaurant'
};

service = new google.maps.places.PlacesService(map);
service.textSearch(request, callback);
}

function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
var place = results[i];
createMarker(results[i]);
}
}
}

关于javascript - 将搜索查询传递给谷歌地图 JS api,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40963546/

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