본문 바로가기
Solution

[구글 맵] Google Map 사용 불가

by 호호호호히히히히 2016. 12. 8.
728x90
반응형


죄송합니다. 문제가 발생했습니다.

Google  지도가 제대로 로드되지 않았습니다. 자바스크립트 콘솔에서 자세한 기술 정보를 확인하세요.

라는 오류가 나면서 구글 맵, 구글지도가 정상적으로 보이지 않을경우...




2016.06.22일 이후부터 생성된 프로젝트는 Google Map API 키값이 필요하다고 함.

참고 : https://googlegeodevelopers.blogspot.kr/2016/06/building-for-scale-updates-to-google.html



매일 25,000건까지는 조회 무료 이외는 1000건당 $0.5가 필요하다고 하나

어차피 내 지도는 1000건도 안넘을 느낌.

일단 지도를 위해 Key값을 받아봄


1. https://developers.google.com/maps/documentation/javascript/get-api-key 접속



2. GET A KEY 클릭



3. 계속 클릭

API 사용 설정중이란 표시 뜨면서 넘어감




4. 필요한 사용자 인증 정보 종류를 확인하고 어떤 사용자 인증 정보가 필요한가요? 버튼 클릭

(Javascript API를 사용하기 때문에 이것 선택)



5. API키로 나오는 것 복사하고 완료버튼 누르기



6. 쨘

이후 화면에 보이는 키 값을 소스에 포함 시켜 주면 됨. 잊어버렸을 때도 구글에서 확인 하면 됨.



7. 쨘이 끝이 아님. 이제 소스에서 googleapi쓰는곳을 찾아서

<script src="https://maps.googleapis.com/maps/api/js?v=3.22"></script>

이렇게 되어있는곳을

<script src="https://maps.googleapis.com/maps/api/js?key=Your API Key"></script>

이렇게 바꾸어주어야 함



8. 진짜로 쨘




If you get Google Maps API error: MissingKeyMapError in your browser console.

You must use googlekey if you set new project which made after June 22,2016


You should get a googlekey refer to below site


https://googlegeodevelopers.blogspot.kr/2016/06/building-for-scale-updates-to-google.html

https://developers.google.com/maps/documentation/javascript/get-api-key


1. Get A Key

2. Get a API Key

3. Modify source code in your page

Before 

<script src="https://maps.googleapis.com/maps/api/js?v=3.22"></script>

After

<script src="https://maps.googleapis.com/maps/api/js?key=Your API Key"></script>

4. You can see as below, if you succeed



반응형

댓글