[KaKao 지도 API] 기본 HTML 소스 코드 + 센터 이동 자바스크립트 함수
아래의 소스는 KaKao 지도 API의 기본 HTML 예제 소스에 위도, 경도를 입력 인자로 받아 지도의 센터 좌표를 이동하는 자바 스크립트 함수 setCenter를 정의한 예제입니다.
(Windows 프로그램에서 지역 API와 Mash up하여 원하는 장소를 지도로 보여주는 응용을 개발하기 위한 용도로 작성한 예)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Daum 지도 시작하기</title>
</head>
<body>
<div id="map" style="width:800px;height:600px;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=[자신의 카카오 API 키(Script)]"></script>
<script>
var container = document.getElementById('map');
var options = {
center: new daum.maps.LatLng(33.450701, 126.570667),
level: 3
};
var map = new daum.maps.Map(container, options);
function setCenter(lat, lng) {
map.setCenter(new daum.maps.LatLng(lat, lng));
}
</script>
</body>
</html>
'언어 자료구조 알고리즘 > 프로그래밍 실습' 카테고리의 다른 글
| [C#] 제어문 - 삼각형 출력 (0) | 2019.08.07 |
|---|---|
| 제안서 예 (0) | 2019.03.05 |
| [ADO.NET 실습, 포트폴리오] 데이터베이스를 활용한 응용 프로그램 만들기 (0) | 2018.12.26 |
| [C#, REST API, 지도 API] 지역 검색으로 얻어온 위도/경도로 지도 설정하는 Windows Forms 응용 프로그램 만들기 (0) | 2018.11.21 |
| [C#] 카카오 REST API- 로컬 API, 키워드로 검색 (2) | 2018.11.21 |
| Visual Studio에서 웹 사이트 만들기 (1) | 2018.11.21 |
| [C#, Open API] 지역 검색 후 선택한 지역으로 지도 이동하는 GUI 프로그램 만들기 - 포트폴리오 (0) | 2018.11.21 |
| [C#, 윈도우즈 프로그래밍 실습 포트폴리오] MVC 패턴을 적용하여 응용 개발하기 (0) | 2018.11.01 |
| [NCS 실습, Windows Form with C#] 화면 구현 - 사용자 정의 컨트롤 및 이벤트 (0) | 2018.10.24 |
| [NCS 실습, C#] 프로그래밍 언어 활용, 라이브러리 활용하기 - 회원 관리 프로그램 소스 코드 (0) | 2018.10.11 |