박상민

  • 홈
  • 태그
  • 방명록

web에 지도 1

kakao map API 사용하기

만약 웹페이지에 지도를 추가하고 싶다면 kakao map API를 사용해 보자. 이 가이드를 참고하였다. 먼저 이 사이트에 접속해서 개발자 등록한 후 앱을 등록한다. https://developers.kakao.com 그리고 만들어진 앱에 들어가서 플랫폼에서 Web을 선택하고 도메인을 입력해 준다. 플랫폼을 선택했다면 앱 키에서 Java Script 키를 복사한다. 이제 html 코드를 작성해 보자. 지도 크기 정하기 먼저 지도의 크기를 정해주자. 실제 지도를 그리는 Javascript API를 불러오기 여기에 발급받은 Java Script 키를 붙여 넣는다. 지도를 띄우는 코드 작성하기 var container = document.getElementById('map'); //지도를 담을 영역의 DOM ..

html css 2022.12.15
이전
1
다음
프로필사진

  • 분류 전체보기 (13)
    • html css (10)
    • 프로그램 (1)
    • 화장실 찾는 서비스 만들기 (0)

Tag

PowerToys, React-Native, h6, H5, h1, htmlbutton, html이미지, HTML, img src, kakaomap api, H3, html이미지적용, web에 지도, html링크, ColorPicker, WEB개발, strong, KakaoMap, cowroad, html링크달기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.