다음지도 api 지도이동막는 기능
본문
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>지도 이동 막기</title>
</head>
<body>
<div id="map" style="width:100%;height:350px;"></div>
<p>
<button onclick="setDraggable(false)">지도 드래그 이동 끄기</button>
<button onclick="setDraggable(true)">지도 드래그 이동 켜기</button>
</p>
<script type="text/javascript" src="//apis.daum.net/maps/maps3.js?apikey=발급받은 API KEY를 사용하세요"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
// draggable: false, // 지도를 생성할때 지도 이동 및 확대/축소를 막으려면 draggable: false 옵션을 추가하세요
level: 3 // 지도의 확대 레벨
};
var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 버튼 클릭에 따라 지도 이동 기능을 막거나 풀고 싶은 경우에는 map.setDraggable 함수를 사용합니다
function setDraggable(draggable) {
// 마우스 드래그로 지도 이동 가능여부를 설정합니다
map.setDraggable(draggable);
}
</script>
</body>
</html>
다음지도api에서 가져온 소스입니다.
버튼을 눌러야 이동이 막히는 소스인데... 기본값으로 이동이 막혀 있는 상태로 열리게 하려면 어디에 어떻게 false를 넣어야 하나요...;;
!-->
답변 3
지도 생성이후에 처리하면 됩니다.
var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
map.setDraggable(false); // 이동 금지
//여기에 아래처럼 넣어 보세요.
setDraggable(false);
</script>
</body>
</html>
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.