JavaScript 맵 드래그 기능 SpryMap 의 간단 한 구현

이 를 사용 하면 구 글,바 이 두 맵 과 같은 드래그 효 과 를 쉽게 실현 할 수 있 으 며,큰 그림 을 보 여 주 려 면 SpryMap 을 사용 하 는 것 이 좋 습 니 다.SpryMap 의 맞 춤 형 제작 성도 매우 높 기 때문에 파 라 메 터 를 통 해 그림 의 시작 위치,CSS 스타일 등 을 설정 할 수 있 습 니 다.이외에 도 부 드 러 운 드래그 효 과 를 사용 할 지 설정 할 수 있 습 니 다.    먼저 헤드 에 SpryMap 을 불 러 오 는 스 크 립 트 파일

<script type="text/javascript" src="spryMap-min2.js"></script>
을 사용 하여 페이지 에 표시 할 그림 을 추가 하 는 방법 입 니 다.예 를 들 어 id 를 월 드 맵 으로 설정 한 img 태그

<img id="worldMap" src="map.jpg"/>
를 마지막 으로 페이지 로 불 러 올 때 초기 화

var map = new SpryMap({id : "worldMap",
                             height: 400,
                             width: 800,
                             startX: 200,
                             startY: 200,
                             cssClass: "mappy"});

좋은 웹페이지 즐겨찾기