어제 저는 웹 사이트에 Google지도를 추가하기로 결정했습니다. 전에 웹 사이트에 포함 된 구글지도를 가지고하지 마십시오, 내가는 Google 검색을했고, 도착 :Google API 키는 작동하기 전에 대기 시간이 필요합니까?
https://developers.google.com/maps/documentation/javascript/tutorial
튜토리얼 간단했다 및지도를 추가하는 방법에 저를 지시했다. Google 계정에서 Google Maps JavaScript API v3을 사용하도록 설정하는 과정이있었습니다. 이 작업을 수행 한 다음 브라우저 API 키를 테스트 JavaScript에 복사하고 html을 보려고했습니다.
몇 초 동안 테스트 맵이 내 웹 사이트에 나타난 다음 나타나는 것처럼 빨리 사라졌으며 APIKEY가 유효하지 않은 것으로 알려주는 javascript 알림 창이 나타났습니다.
나는 Google이 페이지를 로컬에서 실행하는 것을 싫어하여 내 웹 서버에 업로드했다고 생각했습니다. 지도가 없습니다.
내가 같은 모든 일에 내 키의 허용 된 리퍼러를 쥐게했습니다
- mydomain.com
- (스타) .mydomain.com을
- (스타) .mydomain. COM/(스타) // (스타) 별표입니다 - SO 기호 모든 경우에
- mydomain.com/index.html
을 좋아하지 않았다, 내 키하지 않는 정보를 해요 작업. 이 시점에서 나는 웹 사이트에서지도를 갖는 것이 정말로 중요하지 않기 때문에이 시도를 포착 할 준비가되었습니다. 그러나 문제가 무엇인지 궁금합니다.
봤 거든. 문제가있는 대부분의 사람들은 리퍼러에 문제가있는 것 같다.
저는 베타 버전 이후 Gmail 사용자 였지만 웹 개발자에게는 다른 Google 서비스를 사용한 적이 없습니다 ... API 키가 활성화되기 전에 대기해야하는 대기 기간이 있습니까?
의견을 보내 주셔서 감사합니다.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: { lat: -34.397, lng: 150.644},
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
유일한 차이점은 내가 구글에서 내 실제 API 키 'API_KEY'을 대체 한 것입니다 :
이
내가 (전술 구글 튜토리얼의 코드)로 테스트입니다 코드입니다.
이 파일의 URL은 무엇입니까? 허용 된 리퍼러와 일치하는지 확인하십시오. 정확한 오류 메시지는 무엇입니까? –