Question

我正在尝试使用Google maps api创建应用程序。在我的localhost上运行以下代码时，它会在控制台中显示以下消息：

"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>

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

Answer 1

您必须在Api Google地图界面中添加网址：https://console.cloud.google.com/apis/dashboard

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

然后点击左侧面板上的“凭据”部分，然后点击您的Google地图Api密钥。然后，您可以在密钥api部分下输入您的URL（localhost）。别忘了进入港口。

Google API错误RefererNotAllowedMapError

1 个答案: