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

페이지 정보

yadolee 루루아빠 5,652 2016.08.24 14:04:29

평점

  • 평점 : 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" 가 나타나지 않게 된다.
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,333,141
레벨 100
경험치 1,489,139

Progress Bar 13.8%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621426 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 💾 다음 스마트 워크를 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2017.03.27 2,734 1
그누•영카트  🏆 영카트 5.2.7.1 패치 루루아빠 2017.03.29 2,908 0
이윰  🏆 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 2,767 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 2,761 0
이윰  🏆 특정 Div 클래스 전체를 링크 걸기 루루아빠 2017.04.29 3,170 0
이윰  🏆 게시판 관리자의 레벨이 글쓰기 권한보다 낮더라도 태그 작성하기 루루아빠 2017.05.03 2,654 0
이윰  🏆 현재 주소를 변수에 미리 담아 에러 메세지 후 현재 주소로 이동시키기 루루아빠 2017.05.24 2,967 0
이윰  댓글+1🏆 비회원도 게시글 추천 및 비추천 허용하기 루루아빠 2017.06.07 3,028 1
그누•영카트  🏆 그누보드 5.2.8 패치 루루아빠 2017.06.14 2,980 0
그누•영카트  🏆 영카트 5.2.8 패치 루루아빠 2017.06.14 3,414 0
그누•영카트  🏆 그누보드 5.2.9 패치 루루아빠 2017.07.05 5,356 0
그누•영카트  🏆 영카트 5.2.9 패치 루루아빠 2017.07.05 3,399 0
Bootstrap  🏆 뒤로가기 클릭시 모달창 닫기 루루아빠 2017.07.18 4,678 0
jQuery  🏆 이미지 로딩 실패시 대체 이미지 보여주기 루루아빠 2017.07.18 2,977 1
그누•영카트  🏆 영카트 5.2.9.1 루루아빠 2017.07.25 3,056 0
Bootstrap  🏆 부트스트랩 툴팁 텍스트 한 줄로 보여주기 루루아빠 2017.08.03 2,576 1
이윰  🏆 최신글 추출 시 공지글을 제외하기 루루아빠 2017.08.19 3,115 0
jQuery  🏆 a href 속성 마우스 오버시 브라우저 하단 링크 주소 감추기 루루아빠 2017.08.29 3,026 0
그누•영카트  🏆 그누보드 5.2.9.2 패치 루루아빠 2017.08.31 2,563 0
그누•영카트  🏆 영카트 5.2.9.2 패치 루루아빠 2017.08.31 3,365 0
이윰  🏆 인기검색어 노출수, 기간 설정하기 루루아빠 2017.09.03 3,325 1
그누•영카트  🏆 그누보드 5.2.9.3 패치 루루아빠 2017.09.14 2,693 0
그누•영카트  🏆 영카트 5.2.9.3 패치 루루아빠 2017.09.14 3,232 0
그누•영카트  🏆 영카트 5.2.9.4 패치 루루아빠 2017.09.25 3,095 0
이윰  🏆 특정 페이지에 다른 헤더 적용하기 루루아빠 2017.10.16 2,931 0
Bootstrap  댓글+1🏆 모달창이 열렸을 때 백그라운드 스크롤 금지하기 루루아빠 2017.10.17 3,418 1
그누•영카트  🏆 그누보드 5.2.9.5 패치 루루아빠 2017.10.22 2,917 0
그누•영카트  🏆 영카트 5.2.9.5 패치 루루아빠 2017.10.22 3,126 0
기타  🏆 Font Awesome 4.7.0 - Web Application, Directional 루루아빠 2017.11.20 3,649 0
기타  🏆 Font Awesome 4.7.0 - Form Control, Video Player, Chart, Text Editor, File Type, Spinner 루루아빠 2017.11.20 2,797 0