此自动填充的类型以及搜索查询的工作方式

时间:2018-02-06 23:05:43

标签: google-maps-api-3 autocomplete

对此类自动填充有疑问。 它是如何工作的?!?

我们使用Google自动填充功能和谷歌库来处理地址。 但是在谷歌地图api我们没有找到任何改变的选项" pac-icon"只在机场附近,并没有发现自己的图标可定制的地址。

我想要更多聪明的人,这些自动完成工作原理,它们是什么类型的自动填充以及是否可以与谷歌合作,之后我们将支付Google Maps Appi的费用。

非常感谢你的帮助!!

Blacklane autocomplete

myDriver autocomplete

1 个答案:

答案 0 :(得分:0)

由于Places API的限制,您只能为搜索框中的所有结果设置pac图标,因为它是CSS类。

另一方面,您可以通过不同方式限制搜索中欧:

选项1 - 按界限设置方式,在此示例中,我告诉它限制法国和捷克之间的搜索

var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(46.144137,-2.4447717),
  new google.maps.LatLng(49.7855718,13.2273027);

var input = document.getElementById('searchTextField');

var searchBox = new google.maps.places.SearchBox(input, {
  bounds: defaultBounds
});

选项2 - 将搜索限制为国家/地区列表(最多5个)

var input = document.getElementById('searchTextField');
var options = {
  types: ['(cities)'],
  componentRestrictions: {country: 'fr'}
};

autocomplete = new google.maps.places.Autocomplete(input, options);

您可以在地图Javascript API的Autocomplete for Addresses and Search Terms中找到更多信息和示例。