mapTypeControl : 지도 일반ㆍ위성 버튼 표시 여부
아래 지도에서 오른쪽위 "일반 위성" 버튼이 지도타입 컨트롤 입니다.
약간 의외지만 이 지도 타입 컨트롤은 표시하지 않음이 기본값 입니다.
mapTypeControl : true
위 옵션을 설정하면 보입니다.
버튼을 번갈아 가면서 눌러보세요.
네이버 지도 스크립트 로딩
<!-- 사용한 지도 Client ID : mn7cwsrvym 은 "localhost" 에서 테스트 용도로 사용할 수 있습니다. -->
<script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=mn7cwsrvym"></script>
CSS
/* 지도를 생성할 div 요소에 스타일을 설정합니다 */
#map_v3 {
height:500px;
margin:0 auto;
width:800px;
max-width:100%;
margin-bottom:10px;
}
HTML
<div id="map_v3"></div>
<!-- 이 div 에 지도가 생성됩니다. id 는 map_v3 로 설정해봤습니다. -->
<button type="button" class="" onclick="nmap.setOptions({ mapTypeControl : true })">mapTypeControl : true</button>
<button type="button" class="" onclick="nmap.setOptions({ mapTypeControl : false })">mapTypeControl : false</button>
<!-- 스크립트로 컨트롤 버튼 제어하기 -->
<br><br>버튼을 번갈아 가면서 눌러보세요.
자바스크립트
var nmap = new naver.maps.Map('map_v3', { // map_v3 사용
center : new naver.maps.LatLng(33.3617763, 126.5326061), // 지도 위치
zoom : 11, // 지도 줌 레벨 1 ~ 14 (클수록 줌인(확대))
mapTypeControl : true
// 사용하려면 위처럼 지정해 주어야 합니다.
});