Google API错误RefererNotAllowedMapError [重复]答案

【问题标题】：Google API Error RefererNotAllowedMapError [duplicate]Google API错误RefererNotAllowedMapError [重复]
【发布时间】：2018-04-26 04:43:15
【问题描述】：

我正在尝试使用 Google 地图 api 创建一个应用程序。在我的本地主机上运行以下代码时，它会在控制台中向我显示以下消息：

"Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://localhost:8888/fintechjobs.ie/fintechmap.php"

<!DOCTYPE html>
<html>

<body>

<div id="map" style="width:100%;height:500px"></div>

<script>
function myMap() {
  var myCenter = new google.maps.LatLng(51.508742,-0.120850);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {center: myCenter, zoom: 5};
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({position:myCenter});
  marker.setMap(map);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxx&callback=myMap"></script>


</body>
</html>

有人可以指导这个错误来自哪里吗？谢谢！

【问题讨论】：

标签： javascript google-maps google-api maps

【解决方案1】：

您必须在您的 Api 谷歌地图界面中允许网址：https://console.cloud.google.com/apis/dashboard

点击左边的汉堡包然后选择“Api and services”。

然后单击左侧面板上的“凭据”部分，然后单击您的 Google Map Api Key。然后，您可以在 keys api 部分下输入您的 url (localhost)。不要忘记进入港口。

【讨论】：