[배추스킨] 구글 맵 에러 해결 - Google 지도가 제대로 로드되지 않았습니다. 자바스크립트 콘솔에서 자세한 기술 정보를 확인하세요.

조만간 패치가 되겠지만, 우선 적어봅니다.
6월 22일부터 구글 맵관련해서 api 키값이 필요하게 되었습니다.
http://googlegeodevelopers.blogspot.kr/2016/06/building-for-scale-updates-to-google.html

그로인해, 구글 지도 삽입시 "Google 지도가 제대로 로드되지 않았습니다. 자바스크립트 콘솔에서 자세한 기술 정보를 확인하세요." 이러한 문구가 출력되는데요.

구글 맵 api키값을 받으셔야 합니다.

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



위 주소로 접속하셔서,
1번인 Google API Console로 이동합니다. (헷갈리실수도 있으니 그냥 새로 만듭니다.)




그뒤, 계속 버튼을 눌러주세요.




그럼 이미지처럼 "사용자 인증 정보" 화면으로 넘어갑니다. 프로젝트명은 편한걸로 적으시면 되구요.
도메인은 자신의 도메인을 적어주심 됩니다.

그뒤 하단의 생성을 눌러주시면 API키값이 출력됩니다. 해당 API키값을 복사 해둡니다.




이제 위에서 발급받은 API키값을 적용해야겠지요.

/skin/board/miwit/write.skin.php 에서 아래의 자바스크립트를 찾습니다.
대략 1060번째줄 근처에 있습니다.

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>

아래처럼 API키값을 추가해줍니다.

<script src="//maps.google.com/maps/api/js?sensor=true&key=API키"></script>




/skin/board/miwit//mw.proc/mw.file.viewer.php 에서 아래의 자바스크립트를 찾습니다.
대략 281번째줄 근처에 있습니다.

<script src="http://maps.google.com/maps/api/js?sensor=true&language=ko®ion=kr"></script>

아래처럼 API키값을 추가해줍니다.

<script src="//maps.google.com/maps/api/js?sensor=true&language=ko®ion=kr&key=API키"></script>


끝.
종합평점 (참여 3명)
 
 
l2zeo 놀이터 블로그 제 놀이터예요
사용자가 당연히 감수해야 하는 불편함은 없다.
운영상의 편리함을 이유로 사용자에게 불편함을 감수하게 하는 것은 없는지 지속적으로 의심하고 고민해봐야 한다.
당연한 것을 당연하지 않게 생각하고 고민하는 습관이 사용자들의 불편을 찾아내는 실마리가 되어줄 것이다.

 
 
호이 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-08-12 (금) 15:49 1년전
좋은 팁입니다.^^

어라 별 10점으로 했는데 9.00으로 되있네요. 잘못눌러진듯. ㅋ
 
 
캘거리seo 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2016-09-03 (토) 15:45 1년전
그동안 찾아헤메던 구글지도 적용 방법을 드디어 해결 했네요
너무 감사드려요
 
 
미국까치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2016-09-16 (금) 11:41 1년전
위 설명 그대로 했는데 지도가 안나오네요.... 어쩌죠?
     
     
 
 
l2zeo 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-09-16 (금) 13:00 1년전
[@미국까치] 설명대로 했는데도 안된다면.. 글쎄요;;;
직접 보지 않은 이상 ㅠㅠ
 
 
아마다스 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2017-02-07 (화) 14:38 7개월전
감사합니다.
모바일 버전으로 보기