다음지도api(카카오맵) - 작업기(1)

다음지도 api를 써야 하는 경우가 생겨서 항상 써오던 구글지도 api를 버리고 다음 지도 api 분석중 

우선 잡아야 할 부분이 보이는 부분부터 잡아야 하는지라......

키등록(필요하면 이곳으로)이 되어 있다는 가정하에 시작을 해보려 한다.

기본적으로는 아래와 같은 코드로 이루어져 있다.

<div id="map" style="width:700px; height:500px"></div>

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=키값"></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);

</script>

여기서 내가 진행 하려 하는 부분은 업체측에서 첨 셋팅값을 스카이뷰를 보여 주고 싶다길래.....ㅡㅡ;;

그래도 어렵지 않게 다음에서 설명을 잘해줘서 쉽게 찾기는 했다.

단순히 객체 추가 만으로도 가능함.

daum.maps.MapTypeId <---  객체

사용방법은

<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);

map.setMapTypeId(daum.maps.MapTypeId.HYBRID);  <--- 요부분을 삽입 해주면 끝

</script>

뷰의 종류는

ROADMAP(일반지도), SKYVIEW(스카이뷰), HYBRID(스타이뷰+레이블), ROADVIEW(로드뷰), OVERLAY(레이블), TRAFFIC(교통정보), TERRAIN(지형도), BICYCLE(자전거), BICYCLE_HYBRID(스카이뷰를 위한 자전거), USE_DISTRICT(지적편집도)

가 있다.

하나씩 대입해보다보면 자신에게 맞는 뷰가 나오지 않을까 싶다.

그리고 

map.addOverlayMapTypeId(daum.maps.MapTypeId.BICYCLE);  기본 타일에서 위에다 다른 타일을 올리는 함수

map.removeOverlayMapTypeId(daum.maps.MapTypeId.BICYCLE);  기본 타일에서 위에다 다른 타일을 지우는 함수