如何使用Google API自动完成用户的餐馆搜索

时间:2016-05-30 04:25:04

标签: google-maps autocomplete xmlhttprequest google-places-api

我有一个有效的谷歌自动填充搜索,但我只想将结果限制为“餐馆”类型。目前,只有选项将“类型”限制为“地理编码”,“地址”,“建立”,“(地区)”或“(城市)”,但我想进一步将结果限制为仅包括餐馆。

例如:

https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Chi&types=(饭店)&安培;位置=纬度,经度和安培;半径= 50000&安培;键= YOUR_KEY_HERE

应自动填写给定位置附近以“Chi”开头的餐馆。

1 个答案:

答案 0 :(得分:1)

Autocomplete然后会支持这些边界内的位置。但请注意,由于这不是一个硬边界,如果在边界外有搜索匹配,它将返回那些。

请注意,Places服务是一个独立的库,与主Maps API JavaScript code分开使用此库中包含的功能,您必须首先使用Maps API引导程序URL中的libraries参数加载它:< / p>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

除了提供区域内的地点列表外,地方服务还可以返回有关特定地点的详细信息。在地点搜索回复中返回某个地点后,其地点ID可用于请求有关该地点的其他详细信息,例如其完整地址,电话号码,用户评分和评论等。

function initialize() {

var options = {
types: ['(cities)'],
componentRestrictions: {country: "us"}
};

var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input, options);
}

对于地方搜索,您可以包含type参数,以将结果限制为与指定类型匹配的地点。请在此处查看支持的类型列表:https://developers.google.com/places/supported_types#table1