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

时间:2016-02-29 12:57:31

标签: google-maps google-places-api google-places

我试图创建一个简单的html页面(之后我想添加一个自动完成输入),其中包括google-places-api。 我有一个api-key(已启用)但我仍然收到错误消息。

这是我的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>

但我收到此错误讯息 - enter image description here

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

我无法理解问题是什么..感谢任何人的帮助

6 个答案:

答案 0 :(得分:170)

启用Api执行此操作

  1. 转到API Manager
  2. 点击Overview
  3. 搜索Google Maps JavaScript APIGoogle Maps APIs下)。点击那个
  4. 您会在那里找到Enable按钮。单击以启用API。
  5. 希望这能解决启用API的问题。

答案 1 :(得分:26)

截至2017年1月,不幸的是@ Adi的回答虽然看起来应该有效,但却没有。 (谷歌的API关键流程有问题)

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

我强烈建议您在准备切换到生产之前不要选择“安全密钥”。我对密钥进行了http referrer限制,之后无法使用localhost,即使在禁用密钥的安全性之后也是如此。我必须创建一个新密钥才能再次工作。

答案 2 :(得分:24)

假设您已经在Google Developer Console下创建了一个应用程序, 请按照以下步骤

  1. 转到以下链接https://console.cloud.google.com/apis/dashboard?,您将获得以下页面enter image description here
  2. 点击启用API和服务,您将被带到下一页enter image description here
  3. 选择所需的选项
  4. 单击如下“启用”按钮, enter image description here

注意:请使用服务器加载html文件

答案 3 :(得分:12)

您是否尝试过关注帮助页面上的建议? http://g.co/mapsJSApiErrors的帮助页面上写着:

  

<强> ApiNotActivatedMapError

     

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

     

请参阅Obtaining an API key

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

答案 4 :(得分:5)

我有同样的错误。要修复错误:

  1. 打开控制台菜单Gallery Menu,然后选择API Manager
  2. 在左侧,点击Credentials,然后点击New Credentials
  3. 点击Create Credentials
  4. 点击API KEY
  5. 点击Navigator Key(还有更多选项;具体取决于消费时间)。
  6. 您必须使用系统生成的新API Navigator Key

答案 5 :(得分:0)

使用 Google Maps API https://developers.google.com/maps/gmp-get-started#enable-api-sdk 来使用地点库,点击 Google Cloud Console 上的 Create Credentials 选项卡,然后为 地图 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>