reactjs - react-geocode - 从 lat/lng 获取地址与引用限制 API？

Question

我正在尝试使用 react-geocode从他们的 lat/lng 坐标中获取用户的地址，但不幸的是我收到了错误 API keys with referrer restrictions cannot be used with this API.有没有可能得到react-geocode使用允许引荐来源限制的不同 API？否则我将如何去做，因为我无法删除我的 API key 的引用者限制。有没有办法使用我已经用来显示我的 map 的谷歌地图 API 来反转地理编码纬度/经度坐标？

import Geocode from "react-geocode";

Geocode.setApiKey("AIzaSyDsb7F-VyBJn7r4LilYH_lRHBpPfgyUga8");
Geocode.enableDebug();

Geocode.fromLatLng("48.8583701", "2.2922926").then(
  response => {
    const address = response.results[0].formatted_address;
    console.log(address);
  },
  error => {
    console.error(error);
  }
);

CodeSandbox

Answer 1

如果你想切换到谷歌地图，他们的(反向)地理编码非常简单。显然，您想要获取 Google Maps API key ( get it here ) 来编写 GET 请求:

 https://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&key=YOUR_API_KEY

解析结果应该很容易。 :)

资料来源:

https://developers.google.com/maps/documentation/geocoding/intro#ReverseGeocoding

https://developers.google.com/maps/documentation/geocoding/intro#reverse-example