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

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



  1. 사과차 2016.12.09 08:39 신고

    ㅋㅋㅋㅋ깨알 영어까지

  2. ee 2017.01.25 12:14 신고

    7번째 소스는 어떻게 바꾸나요 메모장 불러서 붙여야하나요? 수정하는 방법을 모르겠어요

    • 저 부분은 찾으셨나요?? 저 부분을 찾으신다음에 Your API Key여기에 받으신 구글키값을 쓰시면 됩니다~

  3. ㅇㅁㄴㅇㅁㄴㅇ 2017.02.01 17:25 신고

    소스가 어딧는거져?

  4. 2017.02.04 10:36 신고

    7번자세히설명좀해주세요...

    • 해당 부분 소스 찾으셨나요??
      <script src="https://maps.googleapis.com/maps/api/js?v=3.22"></script>
      정확히 이렇진 않아도 https://maps.googleapis.com/maps/api/js이 주소가 들어있는 스크립트 찾으셨으면

      위에서 받은 apikey를 추가해 줍니다.
      예를들어 받은 apikey값이 123123123이라면

      <script src="https://maps.googleapis.com/maps/api/js?key=123123123"></script>
      이런식으로
      https://maps.googleapis.com/maps/api/js url 뒤에 ?를 붙이고 파라메터 값인 key=123123123를 붙이면 됩니다.
      key값을 붙이기 전 ?뒤에 이미 다른 파라메터 값이 있었다면 그 뒤에 &key=123123123를 붙이시면 됩니다.

  5. 낯쵸 2017.02.04 11:37 신고

    7번 소스를 찾긴찾았는데 수정을 못하겠어요. 수정이안돼요..

    • 음.. 댓글 달아주신분이 수정 가능한 소스인데 그부분만 수정이 안되시는건가요?? 아니면 뭔가 수정을 했는데 적용이 안되는건가요??

+ Recent posts