【发布时间】：2021-10-04 20:48:11
【问题描述】：
环境：
- 使用 reactjs 进行项目
- 使用https://tomchentw.github.io/react-google-maps/（带有搜索框的地图）
我有关于限制 api key google 的问题，问题是：
复制步骤
- 从https://stackblitz.com/edit/react-5bsr3p复制项目reactjs映射
- 用你的密钥更改密钥限制 -> 应用程序限制 -> ip address 你的 ip 地址或从link get ip 获取
Geocode.setApiKey('');
- 运行项目，进入 tab network 出现错误
https://maps.google.com/maps/api/geocode/json?latlng=48.8583701,2.2922926&key=yourkey
喜欢这个
此 IP、站点或移动应用程序无权使用此 API 钥匙。从 IP 地址 114.124.192.77 收到请求，引用者为： http://localhost:3000/
感谢您的帮助....
【问题讨论】：
-
不清楚您尝试使用和限制的 API。是 Javascript API 的 Geocoding API 还是 Geocoding service？如果是地理编码 API（网络服务），那么只有 IP 地址限制有效。你应该参考developers.google.com/maps/api-security-best-practices
-
@MrUpsidown 它使用地理编码 API。我的项目点击了 url link。所以我认为这是地理编码 API 和我之前所说的错误 “这个 IP、站点或移动应用程序是....”
-
请编辑并澄清您的问题。我们不需要您在这里和那里阅读、听到或看到的内容的全部历史等。如果我使用我的 API 密钥之一，您在评论中提供的链接可以正常工作。它是地理编码 API（网络服务）。同样，您不能在 Web 服务中使用 HTTP 引荐来源网址。您需要基于IP的限制。您尚未分享如何发送请求以及从何处发送。您是否尝试过使用不受限制的密钥？它有效吗？您是否尝试过生成新密钥？等等等等等等。
-
从您的描述看来，您可能对 Geocoder Web 服务和 Google Maps JavaScript API 的请求使用相同的密钥（很难从您问题中的信息中分辨出来）。使用受限密钥无法做到这一点。
-
@MrUpsidown 我已经编辑了帖子，实际上添加了我所做的链接 stackblitz。
标签： google-maps api-key geocode