언어 자료구조 알고리즘/프로그래밍 실습

[KaKao 지도 API] 기본 HTML 소스 코드 + 센터 이동 자바스크립트 함수

언제나휴일 2018. 11. 21. 13:46
반응형

[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>


반응형