react-redux - 已启用 Google maps api 地理编码，地点和 javascript 未显示错误，地理编码请求已通过 REQUEST_DENIED 满足

Question

该项目是 ruby​​ on rails 后端，react-redux 前端。我正在使用 npm react-geocode。如果我关闭网站限制，地理编码就会通过。但是，由于网站限制，它仅适用于 Places and Maps Javascript API。

我试过禁用和重新启用。我还为网站限制尝试了各种版本的语法（例如“ https://fakesite.heroku.com/ ”或“https: //.fakesite.heroku.com/*”），但我只能获取 Places 和Javascript 不会产生错误。我的研究表明我不需要 API 密钥，但如果可能的话，我想保留它，以确保没有人滥用我的网站（用于跟踪目的）。

这是我在 chrome 控制台中收到的错误消息：'错误：服务器返回状态代码 REQUEST_DENIED'

当我对我的 API 密钥没有任何限制时，我仍然会收到此错误消息，尽管数量较少。但是，尽管有错误消息，该网站仍按预期进行地理编码，没有限制。

constructor(props) {
super(props);
this.state = {
  location: ""
};
this.handleGeocode = this.handleGeocode.bind(this);
this.checkAverage = this.checkAverage.bind(this);
Geocode.setApiKey("MYAPIKEY");

}

componentDidMount() {
const { spot } = this.props;
Geocode.fromLatLng(spot.lat, spot.long).then(
  response => {
    this.handleGeocode(response);
  },
  error => {
    console.error(error);
  }
);

}

handleGeocode(response) {
const location = response.plus_code.compound_code
  .split(" ")
  .slice(1)
  .join(" ")
  .split(",")[0];
if (this.state.location !== location) {
  this.setState({ location: location });
}

}

标签： react-reduxgoogle-geocoder