Demo Site : test-tam.pe.kr/map.html
카카오 맵
프로필 가져오기 현재 로그인한 사용자의 카카오계정에 연결된 카카오톡 프로필 정보를 받는 기능입니다. 사용자 카카오계정에 연결된 카카오톡이 없다면 에러 응답을 받습니다. talkProfile() 친
test-tam.pe.kr
GitHub : github.com/kakao-tam/MapAndLocal
kakao-tam/MapAndLocal
MapAndLocal. Contribute to kakao-tam/MapAndLocal development by creating an account on GitHub.
github.com
사용 방법
1. html 헤더영역에 kakao Maps SDK와 "Kakao Maps JavaScript SDK Wrapper"를 순서대로 추가합니다. appkey(javascript key)는 본인 환경에 맞게 변경하도록 합니다.
<!doctype html>
<html lang="kr">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=2d6464566546546af5c8a48505c7c8c71&libraries=services,clusterer,drawing"></script>
<script src="kakaoMapsJavaScriptAPIwrapper.js"></script>
</head>
<body>
.......
</body>
</html>2. 본문에서 클래스 생성 후, 호출하여 사용합니다.
<div id="map" style="width:100%;height:350px;"></div>
<script>
map = new Map(33.450701, 126.570667,"map",3);
</script>
<a href="javascript:map.setCenter(33.452613, 126.570888)" class="btn btn-primary">setCenter</a>
<a href="javascript:map.panTo(33.450580, 126.574942)" class="btn btn-primary">panTo</a>'3th Party Util' 카테고리의 다른 글
| Spring에서 카카오 로그인 사용하기 - Spring Security 5, OAuth 2 - deprecated 대응 2023년 6월 27일 (2) | 2021.01.27 |
|---|---|
| 카카오 로그인 에러 확인용 크롬 확장 프로그램 (0) | 2021.01.14 |
| JavaScript - Kakao JavaScript SDK Wrapper (0) | 2020.12.31 |
| PHP - [Kakao PHP Simple Pack] - PHP에서 Kakao API 쉽게 연동하기 (0) | 2020.12.16 |
| Ruby - omniauth (0) | 2020.12.16 |
댓글