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

페이지 정보

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

본문

새로운 구글 맵 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" 가 나타나지 않게 된다.
추천인
  • 추천해 주세요

댓글

첫 번째 댓글을 남겨 주세요

Total 7691426 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 3.0.6 패치 shadow2fox 2018.09.18 3.0k 0
이윰  🏆 Eyoom Builder 1.3.8 패치 루루아빠 2017.11.21 3.0k 0
이윰  🏆 Eyoom Builder 1.3.2 패치 루루아빠 2017.11.21 3.0k 0
그누•영카트  🏆 그누보드 5.1.19 패치 루루아빠 2016.07.06 3.0k 0
그누•영카트  🏆 영카트 5.1.4 (2015.11.02) 루루아빠 2015.11.09 3.0k 0
이윰  🏆 Eyoom Builder 3.0.9 패치 shadow2fox 2019.03.25 3.0k 0
이윰  🏆 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기 루루아빠 2016.02.17 3.0k 0
그누•영카트  🏆 그누보드 5.1.10 패치 루루아빠 2015.12.23 3.0k 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 3.0k 0
제로  🏆 💾 등록실패 방지 (글 등록 실패로 인한 글날림 방지) 루루아빠 2005.07.05 3.0k 0
기타  🏆 Font Awesome 4.7.0 - Form Control, Video Player, Chart, Text Editor, File Type, Spinner 루루아빠 2017.11.20 3.0k 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 3.0k 0
이윰  🏆 메인일때만 사이드 레이아웃을 없애기 루루아빠 2015.04.24 3.0k 0
이윰  🏆 반응형 테마 PC에서 메인과 사이드 레이아웃 위치 변경하기 루루아빠 2016.11.22 3.0k 0
이윰  🏆 이윰빌더 외부이미지 로컬 저장시 용량 줄이기 루루아빠 2017.11.23 3.0k 0
이윰  🏆 Eyoom Builder 1.3.15 패치 루루아빠 2018.01.05 3.0k 0
제로  🏆 💾 [스킨만들기] view_foot.php(이전 다음글, 버튼 표시 부분)의 설명입니다 루루아빠 2005.06.23 3.0k 0
이윰  🏆 Eyoom Builder 1.3.13 패치 루루아빠 2017.11.21 3.0k 0
CSS  🏆 div 클래스에 :last-child css 스타일 적용하기 루루아빠 2016.03.15 3.0k 0
그누•영카트  🏆 영카트 5.2.9.7 패치 루루아빠 2017.12.16 3.0k 0
이윰  🏆 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 3.0k 0
이윰  🏆 모바일에서 이미지 넓이 높이 태그 제거하기 루루아빠 2015.05.07 3.0k 1
이윰  🏆 Eyoom Builder 3.0.3 - 패치에 문제가 있는 버전입니다. shadow2fox 2018.08.20 3.0k 0
그누•영카트  🏆 💾 다음 스마트 워크를 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2017.03.27 3.0k 1
이윰  🏆 🎞️ Input 관련 버튼과 이윰 버튼 정렬 맞추기 루루아빠 2015.11.17 3.0k 0
그누•영카트  🏆 영카트 5.0.43 패치 루루아빠 2015.07.27 3.0k 0
서버  🏆 Nginx에서 HTTP → HTTPS 301 리다이렉트(Redirect) 하기 루루아빠 2017.12.11 3.0k 0
그누•영카트  댓글+1🏆 첨부된 이미지 링크 없애기 루루아빠 2015.04.04 3.0k 0
그누•영카트  🏆 그누보드 5.2.9.6 패치 루루아빠 2017.11.21 2.9k 0
PHP  🏆 PHP Warning: Division by zero 에러 해결하기 shadow2fox 2020.04.16 2.9k 0