使用 google-places-api 的简单 html 页面出现 ApiNotActivatedMapError

Question

我正在尝试创建一个简单的 html 页面（我稍后想在其中添加自动完成输入），其中包含 google-places-api。我有一个 api 密钥（已启用），但我仍然收到错误消息。

这是我的html-

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"></script>
    <title>test</title>
</head>
<body>
</body>

但我收到此错误消息-

在控制台中我得到 - Google Maps API 错误：Google Maps API 错误：ApiNotActivatedMapError

我不明白问题是什么..感谢任何人的帮助

Answer 1

要启用 Api，请执行以下操作

前往
```
API Manager
```
点击
```
Overview
```

搜索

Google Maps JavaScript API

（在

Google Maps APIs

下）。点击那个

您会在那里找到
```
Enable
```
按钮。点击启用API。

或 您可以尝试这个网址：地图 JavaScript API

希望这能解决启用API的问题。

Answer 2

假设您已经在谷歌开发者控制台下创建了一个应用程序，请按照以下步骤操作

转到以下链接

https://console.cloud.google.com/apis/dashboard?

您将看到以下页面

单击启用 API 和服务，您将被引导至以下页面
选择所需的选项 - 在本例中为“Maps JavaScript API”
点击启用按钮如下，

注意：请使用服务器加载

html

文件

Answer 3

截至 2017 年 1 月，不幸的是 @Adi 的答案，虽然看起来应该有效，但没有。（Google 的 API 密钥流程有问题）

您需要从此链接中单击“获取密钥”：https://developers.google.com/maps/documentation/javascript/get-api-key

我还强烈建议您在准备好切换到生产环境之前不要选择“安全密钥”。我对密钥进行了 http 引用限制，之后即使禁用密钥的安全性，也无法使其与本地主机一起使用。我必须创建一个新密钥才能使其再次工作。

Answer 4

您是否尝试过遵循链接帮助页面上的建议？ http://g.co/mapsJSApiErrors 的帮助页面说：

ApiNotActivatedMapError

您的 API 项目上未激活 Google Maps JavaScript API。您可能需要在 Google Developers Console 中的 API 下启用 Google Maps JavaScript API。

请参阅获取 API 密钥。

因此请检查您使用的密钥是否已启用 Google Maps JavaScript API。

Answer 5

我也有同样的错误。修复错误：

打开控制台菜单
```
Gallery Menu
```
并选择
```
API Manager
```
。
在左侧，单击
```
Credentials
```
，然后单击
```
New Credentials
```
。
单击
```
Create Credentials
```
。
单击
```
API KEY
```
。
点击
```
Navigator Key
```
（还有更多选项；取决于食用时间）。

您必须使用系统生成的这个新的

API Navigator Key

。

Answer 6

使用 Google Maps API https://developers.google.com/maps/gmp-get-started#enable-api-sdk 使用地方库，单击 Google Cloud Console 上的“创建凭据”选项卡，然后创建 api关键是地图 JavaScript API。示例代码如下：

    <input type="text" id="txtFullAddress" />

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<Your-API-Key>&libraries=places"></script>
    <script type="text/javascript">  
        google.maps.event.addDomListener(window, 'load', function () {
            var inputAddressField = document.getElementById("txtFullAddress");
            var places = new google.maps.places.Autocomplete(inputAddressField);
            google.maps.event.addListener(places, 'place_changed', function () {
                var place = places.getPlace();
                var address = place.formatted_address;
                var latitude = place.geometry.location.lat();
                var longitude = place.geometry.location.lng();
                var mesg = "Address: " + address;
                mesg += "\nLatitude: " + latitude;
                mesg += "\nLongitude: " + longitude;
                alert(mesg);
            });
        });
    </script>

Answer 7

2023 年，我必须启用 javascript 地图 api 以及地点 api。我只需要这个来实现我创建的帐单表单的自动完成功能。如果您感到困惑，请给我留言

使用 google-places-api 的简单 html 页面出现 ApiNotActivatedMapError

问题描述投票：0回答：7

7个回答

最新问题

使用 google-places-api 的简单 html 页面出现 ApiNotActivatedMapError

问题描述 投票：0回答：7

7个回答

最新问题

问题描述投票：0回答：7