文章/答案/技术大牛

发布

社区首页 >问答首页 >Google API错误: InvalidKeyMapError

问Google API错误: InvalidKeyMapError
EN

Stack Overflow用户

提问于 2022-03-13 16:49:17

回答 2查看 844关注 0票数 -2

控制台中的REEeRROR日志1

即使在插入api键之后，Google也不会加载

代码

reactjs

dictionary

google-maps

回答 2

Stack Overflow用户

发布于 2022-03-17 00:30:07

如果您在实现中获得一个InvalidKeyMapError作为错误，这意味着加载API的脚本元素中包含的API键无法按照错误信息文档找到。请确保您使用的是正确的API密钥。

对于可见性，下面是映射script API的JavaScript标记，其中应该包括您的API键：

<script async
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

您的API键应该追加在key参数之后。https://developers.google.com/maps/documentation/javascript/overview#Loading_the_Maps_API

票数 1

Stack Overflow用户

发布于 2022-10-22 09:10:56

首先，您必须有一个映射api有效令牌，创建一个新项目并从

https://console.cloud.google.com/google/maps-apis/credentials

您必须添加您的信用卡，以进行验证。他们将从你的帐户中收取0.00美元，以验证这是你，而不是一个机器人脚本。

如果您没有获得有效的地图键，您将在浏览器控制台中获得

Google Maps JavaScript API error: InvalidKeyMapError

在ReactGoogleAutocomplete项目中：

npm i react-google-autocomplete

在.env中创建FE如下：

REACT_APP_GOOGLEPLACES_API_KEY=your_valid_maps_key

修改.env文件后重新启动项目。

在组件内部，在其中使用Google MyComponent.js，添加顶部

import { useState } from "react";
import ReactGoogleAutocomplete from "react-google-autocomplete";
const config = process.env.REACT_APP_GOOGLEPLACES_API_KEY;

在这个组件中

const config = process.env.REACT_APP_GOOGLEPLACES_API_KEY;
const [location, setLocation] = useState("");

然后在Maps ()中添加这个Maps组件

<ReactGoogleAutocomplete
  className="form-control m-2"
  placeholder="Location"
  apiKey={config}
  onPlaceSelected={(place) => {
    setLocation(place.formatted_address);
  }}
  style={{ height: "50px" }}
/>

在这个组件的底部，您可以看到结果。

<pre>{JSON.stringify({location }, null, 4)}</pre>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71458867

复制

相似问题

问Google API错误: InvalidKeyMapError
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google API错误: InvalidKeyMapErrorEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google API错误: InvalidKeyMapError
EN