[이윰] Google Maps API Key를 발급받아 이윰 스킨에 적용하기

페이지 정보

루루아빠 5,233 2016.08.24 14:04

평점

  • 평점 : 0점 (0명 참여)

본문

새로운 구글 맵 API 표준 플랜에 따라 2016년 6월 22일 이후에 만들어지는 모든 신규 애플리케이션에서는 Google Maps API Key가 필요하다. 기존 애플리케이션의 경우 Key 없이도 계속 작동하지만 향후 발생 가능한 문제점을 해결하기 위해 구글 API Key를 발급 받아 적용을 해보도록 하자.

1. 구글 검색을 통해 구글맵 API Key 발급에 대해 많은 정보를 얻어 Key를 https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ko 를 통해 발급받는다.

2. 각 보드 스킨 view.skin.html, view_comment.skin.html, wrtie.skin.html 를 열어 다음과 같이 수정한다.
view.skin.html
수정 전

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
수정 후

<script src="https://maps.googleapis.com/maps/api/js?key=발급_받은_API_Key" type="text/javascript"></script>

view_comment.skin.html에 삽입된 구글맵 스크립트를 주석처리한다.
수정 전

<!--{? eyoom_board.bo_use_addon_map == '1'}-->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<!--{/}-->
수정 후

<!--{*? eyoom_board.bo_use_addon_map == '1'*}-->
<!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> -->
<!--{*/*}-->
You have included the Google Maps API multiple times on this page. This may cause unexpected errors. 에러를 방지하기 위함으로 이미 view.skin.html에 동일한 구글맵 스크립트가 추가되었기 때문이다.
wrtie.skin.html
수정 전

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
주성 후

<script src="https://maps.googleapis.com/maps/api/js?key=발급_받은_API_Key" type="text/javascript"></script>
상기 수정으로 콘솔 에러 메세지
"Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys""Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required" 가 나타나지 않게 된다.
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,291,370
레벨 96
경험치 1,390,648

Progress Bar 79%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7472038 페이지
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 그누보드 5.2.3 패치 루루아빠 2016.10.19 2,323 0
이윰  🏆 태그 클릭시 관련된 게시글 페이지당 노출 갯수 정하기 루루아빠 2016.10.09 2,488 0
이윰  🏆 특정 게시판에 다른 헤더 파일 불러오기 루루아빠 2016.10.01 2,420 0
이윰  🔒 쇼핑몰 테마 메인 화면을 쇼핑몰로 바꾸기 루루아빠 2016.09.24 4 0
그누•영카트  🏆 영카트 5.2.2 쿠폰존 기능추가 루루아빠 2016.09.20 3,109 0
그누•영카트  🏆 그누보드 5.2.2 패치 루루아빠 2016.09.20 2,537 0
에디터  🏆 CKeditor4.x 에디터 툴바 고정후 스크롤시 firefox에서 가로폭 늘어나는 문제 해결 루루아빠 2016.09.18 3,161 0
이윰  🏆 그누 5.2.1 패치로 비회원 댓글 작성시 오류 메세지 띄우는 문제 루루아빠 2016.09.04 2,717 0
이윰  🏆 Eyoom Builder 1.2.6 패치 루루아빠 2016.08.26 2,579 0
이윰  🏆 태그 더보기시 페이지당 태그 노출 갯수 조정하기 루루아빠 2016.08.25 2,830 0
이윰  🏆 🚩 Google Maps API Key를 발급받아 이윰 스킨에 적용하기 루루아빠 2016.08.24 5,234 0
그누•영카트  🏆 5.2.1 토큰패치로 댓글 달린 본인 댓글 수정 못하는 문제 루루아빠 2016.08.22 2,633 0
그누•영카트  🏆 영카트 5.2.1 패치 루루아빠 2016.08.22 2,575 0
그누•영카트  🏆 그누보드 5.2.1 패치 루루아빠 2016.08.22 2,446 0
JavaScript  🏆 gifplayer를 통해 동영상 재생시 오디오 문제 루루아빠 2016.08.06 2,632 0
이윰  🏆 첫 번째 이미지 파일 첨부 후 본문에는 첫 번째 첨부 이미지 보이지 않게 루루아빠 2016.08.05 2,766 0
이윰  🏆 메인주소를 쇼핑몰로 사용하기 루루아빠 2016.07.27 2,529 0
그누•영카트  🏆 그누보드 5.2.0 패치 루루아빠 2016.07.25 2,231 0
그누•영카트  🏆 영카트 5.2.0 패치 - 네이버페이 추가 루루아빠 2016.07.25 2,961 0
그누•영카트  🏆 게시판 본문 글자수 늘리기 루루아빠 2016.07.20 2,589 0