我试图创建一个简单的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>
在控制台中我得到了 - Google Maps API错误:Google Maps API错误:ApiNotActivatedMapError
我无法理解问题是什么..感谢任何人的帮助
答案 0 :(得分:170)
启用Api执行此操作
API Manager
Overview
Google Maps JavaScript API
(Google Maps APIs
下)。点击那个Enable
按钮。单击以启用API。希望这能解决启用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下创建了一个应用程序, 请按照以下步骤
https://console.cloud.google.com/apis/dashboard?
,您将获得以下页面 注意:请使用服务器加载html
文件
答案 3 :(得分:12)
您是否尝试过关注帮助页面上的建议? http://g.co/mapsJSApiErrors的帮助页面上写着:
<强> ApiNotActivatedMapError 强>
您的API项目未激活Google Maps JavaScript API。您可能需要在Google Developers Console中的API下启用Google Maps JavaScript API。
因此,请检查您使用的密钥是否已启用 Google Maps JavaScript API 。
答案 4 :(得分:5)
我有同样的错误。要修复错误:
Gallery Menu
,然后选择API Manager
。Credentials
,然后点击New Credentials
。Create Credentials
。API KEY
。Navigator Key
(还有更多选项;具体取决于消费时间)。您必须使用系统生成的新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>