지적도와 위성뷰 레이어를 동시에 띄울 수 있나요?

안녕하세요 지적도와 항공뷰를 동시에 보여주고 싶은데, 항공뷰 → 지적도 순서로 세팅하면 두 개가 동시에 보이면서 잘 적용 되는데, 지적도 → 항공뷰 순서로 세팅하면 항공뷰 밖에 보이지 않습니다.

지도 타입은 이 함수를 사용하여 변경하였습니다.

addOverlayMapTypeId(kakao.maps.MapTypeId.USE_DISTRICT)
addOverlayMapTypeId(kakao.maps.MapTypeId.SKYVIEW)

네 가능합니다.

지도의 타입은 2가지가 있습니다.
오버레이형과, 베이스맵 형태인데,

스카이뷰는 베이스맵입니다. 즉, 바닥판에 기본적으로 깔리는걸 베이스맵타입이라 생각하시면 되세요.

즉 올려주신 코드처럼 두개의 맵타입을 오버레이로 올리는게 아니라.

하나는 베이스맵으로 하나는 오버레이타입으로 올려주시면 됩니다.

https://apis.map.kakao.com/web/sample/changeOverlay2/

이 예제에서

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = { 
        mapTypeId: kakao.maps.MapTypeId.SKYVIEW,
        center: new kakao.maps.LatLng(37.57319, 126.96658), // 지도의 중심좌표
        level: 7 // 지도의 확대 레벨
    };

지도를 생성할때 입력하는 옵션은 베이스맵 타입을 설정하는 것이라 이렇게 스카이뷰를 넣고,
뒤에 addOverlayMapTypeId 함수를 통해서 지적편집도를 올리시면 됩니다.

이와 자세한 사항은
https://apis.map.kakao.com/web/documentation/#Map

맵객체의 문서를 참고해 주시기 바랍니다.

맵 생성 시에는 일반지도로 고정해서 보여줄거라서 이 방법을 쓰기는 어려울 것 같습니다.
항공뷰 버튼, 지적도 버튼을 두 개 만들어 동시에 켤 수 있도록 만드려고 하거든요.

다른 방법이 있을까요.?

아 setMapTypeId 사용하면 되겠군요.

네~ 그 함수 이용하시면 됩니다~

1개의 좋아요