2017-11-13 6 views
-1

Google지도 API를 사용하여 응용 프로그램을 만들려고합니다. 내 로컬 호스트에서 다음 코드를 실행하는 동안, 그것은 콘솔에 다음과 같은 메시지가 저를 표시Google API 오류 RefererNotAllowedMapError

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

수있는 곳이 오류에서 오는 누군가 가이드는? 감사합니다.

답변

0

당신은 당신의 API 광고 구글 맵 인터페이스의 URL을 허용해야합니다 햄버거에 https://console.cloud.google.com/apis/dashboard

을 클릭 한 후 'API 및 서비스 "를 선택 왼쪽.

왼쪽 패널의 "자격증 명"섹션을 클릭 한 다음 Google Map Api Key를 클릭하십시오. 그런 다음 api 섹션의 키 아래에 url (localhost)을 입력 할 수 있습니다. 포트를 입력하는 것을 잊지 마십시오.

+0

나는 식별자 대신 ** 자격 증명 **이라고 생각합니다. –

+0

딥 3015 감사합니다. 대답을 수정했습니다. –

+0

도움을 주신 여러분 께 감사드립니다. –