javascript - Google Places 自动填充边界并不总是有效

Question

我正在使用适用于 JavaScript 的 Google Maps Places API，并将我的边界设置为德国柏林。

这是我的代码(我正在为其使用 npm 模块，但正如您在 console.log 中看到的那样，边界已正确通过):

import React from 'react';
import ReactDOM from 'react-dom';
import Autocomplete from 'react-google-autocomplete';

document.addEventListener('DOMContentLoaded', function() {
  ReactDOM.render(<Autocomplete
        style={{width: '90%'}}
        onPlaceSelected={(place) => {
          console.log(place);
        }}
        types={[]}
        bounds={new window.google.maps.LatLngBounds(
                      new window.google.maps.LatLng(51.2, 13.41),
                      new window.google.maps.LatLng(52.5200, 10.40)
                    )}
      />, document.getElementById('mount'));
});

现在，当我尝试搜索附近的地点时，它首先为我提供了印度的地点，然后是柏林:

没有柏林这个词:

用柏林这个词:

我的边界设置为柏林:

So my question is now: Is this behaviour normal or did I get something wrong? I tried to switch the LatLng just out of curiosity, but same result.

Answer 1

您应该将 strictBounds 设置为 true 以将结果限制在范围内。否则你会偏爱那个领域，但结果可能来自外部。

来自API docs :

• bounds 是一个 google.maps.LatLngBounds 对象，指定要在其中搜索地点的区域。结果偏向于但不限于这些范围内的地方。
• strictBounds 是一个 bool 值，指定 API 是否必须仅返回严格位于给定边界定义的区域内的那些地方。 API 不会返回此区域之外的结果，即使它们与用户输入匹配。