반응형
Kakao Developers_
더 나은 세상을 꿈꾸고 그것을 현실로 만드는 이를 위하여 카카오에서 앱 개발 플랫폼 서비스를 시작합니다.
developers.kakao.com
Kakao Developers 접속
앱 개발 시작하기 > 카카오 로그인
내 애플리케이션 > 앱 만들기
앱 만들기 성공 > 일반 클릭
플랫폼 추가 클릭 > 웹
플랫폼 사이트 도메인 추가
http://apis.map.kakao.com/web/guide/
가이드 페이지
JSP 페이지
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kakao API</title>
<style>
body, html {
height : 100%;
}
#map {
width : 100%;
height : 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=앱키!!"></script>
<script>
var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
var options = { //지도를 생성할 때 필요한 기본 옵션
center: new kakao.maps.LatLng(37.160865, 127.754386), //지도의 중심좌표.
level: 13 //지도의 레벨(확대, 축소 정도)
};
var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴
</script>
</body>
</html>JavaScript 키를 넣어줘야 합니다.
Controller
package com.test.map;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@Controller
public class MapController {
private static final Logger logger = LoggerFactory.getLogger(MapController.class);
@RequestMapping(value = "/", method = RequestMethod.GET)
public String kakaoMap() {
return "map/testMap";
}
}
반응형
'JAVA' 카테고리의 다른 글
| Spring application.yml Profile.active 사용해보기 (0) | 2022.10.04 |
|---|---|
| Selection does not contain a main type Error (0) | 2020.02.07 |
| Java & eclipse(이클립스) 설치방법 (0) | 2019.10.07 |
