상세 컨텐츠

본문 제목

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

쿠쿠 작업장(기타)/잡동사니

by eunclove 2019. 6. 19. 17:28

본문

728x90
반응형

다음지도 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);  기본 타일에서 위에다 다른 타일을 지우는 함수

728x90

관련글 더보기

댓글 영역