에티테마

유료테마 카카오지도 API 사용하여 지도등록하기 map_daum.html 등록해서 사용하기

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 31회 작성일 21-01-12 11:57

본문

안녕하세요 에티테마의 소프트존 입니다.
페이지중에서 map_daum.html 은 카카오API 가 적용되어 있기 때문에 메뉴얼을 준비했습니다.

우선 브라우저의 검색에서 "카카오디벨로퍼" 로 검색하시거나
https://developers.kakao.com/
위의 주소로 이동을 합니다.





25d9c08ced64d5b7b8db74ec328606d5_1610420323_92.JPG


1.로그인
우선 로그인을 하시게 되면 내 애플리케이션 이라고 있습니다.
내 애플리케이션을 클릭하여 메뉴로이동합니다.












25d9c08ced64d5b7b8db74ec328606d5_1610419447_85.JPG


2. 지도에 사용할 애플리케이션 추가하기를 클릭합니다.










25d9c08ced64d5b7b8db74ec328606d5_1610419453_85.JPG

3. 애플리케이션에 사용할 앱 이름과 사업자명을 입력합니다.저는 사업자명에
소프트존이라고 입력하겠습니다. 실제 사업자가 없어도 등록이 가능합니다.










25d9c08ced64d5b7b8db74ec328606d5_1610419499_82.JPG

4.위 처럼 입력하고 저장을 클릭합니다.










25d9c08ced64d5b7b8db74ec328606d5_1610419517_6.JPG


5.지도서비스가 등록됨
보시는것 처럼 지도서비스가 아주 쉽게 등록됨을 볼 수 있습니다.
우선 지도서비스를 클릭합니다.









25d9c08ced64d5b7b8db74ec328606d5_1610419532_36.JPG

6.지도서비스를 클릭하시게 되면 앱설정 부분이 나오는데요. 왼쪽 중간쯤에 플랫폼을 클릭합니다. 그럼 오른쪽 처럼 4개의 앱키가 나옵니다. 아래 플랫폼에서 Web 으로 이동해주세요.












25d9c08ced64d5b7b8db74ec328606d5_1610419546_85.JPG


7.  Web 플랫폼 등록을 클릭합니다.









25d9c08ced64d5b7b8db74ec328606d5_1610419602_77.JPG

8.여기서 자신이 사용할 도메인을 적는 곳입니다. 도메인은 위의 방법대로 입력해주세요. 총 10개까지 등록이 가능합니다.











25d9c08ced64d5b7b8db74ec328606d5_1610419632_19.JPG

9.위 처럼 도메인을 2개 입력했습니다. 그리고 저장 버튼을 클릭합니다.







25d9c08ced64d5b7b8db74ec328606d5_1610419650_92.JPG

10. 이제 모두 등록이 완료되었으니 JavaScripot 키를 복사해서 pages/ 폴더에 있는 map_daum.html 소스 코드를 엽니다.







25d9c08ced64d5b7b8db74ec328606d5_1610419566_64.JPG


11. 해당코드 아래쪽 248줄에 보시면 밑줄친곳에 앱키를 입력해주세요.
"appkey=JavaScript 앱키" 처럼 입력해주시면 됩니다.
지도서비스가 정상적으로 동작되는것을 확인할 수 있습니다.
 

감사합니다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 18건 1 페이지

카테고리

카테고리
 스킨자료실
 프리미엄 유료테마
 테마자료실
테마메뉴얼
 구인구직
 제작의뢰

프리미엄

프리미엄

영화예고편

영화예고편

최근이미지리스트

최근이미지리스트