map의 스크롤 이벤트 처리

다음 지도를 이용하여 화면에 지도를 띄워줬는데, 지도를 확대하기 위해 스크롤 하면 화면 전체가 스크롤되는 문제가 있다. javascript에 문외한이기 때문에 마음의 준비를 했다. 한참 헤매겠구나…

그런데 의외로 간단히 해결됨. event의 propagation을 차단하면 된다.


  var mapContainer = document.getElementById(container_name), // 지도를 표시할 div
      mapOption = {
          center: new daum.maps.LatLng(lat, lng), // 지도의 중심좌표
          level: 3 // 지도의 확대 레벨
      };
    mapContainer.onmousewheel =  function(e) {
      e.stopPropagation();
    }

var mapContainer = document.getElementById(container_name), // 지도를 표시할 div

mapOption = {

center: new daum.maps.LatLng(lat, lng), // 지도의 중심좌표

level: 3 // 지도의 확대 레벨

};

mapContainer.onmousewheel = function(e) {

e.stopPropagation();

}

댓글 남기기 Cancel