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

이를 사용하면 Google 및 Baidu 지도와 유사한 드래그 효과를 쉽게 얻을 수 있습니다. SpryMap은 큰 이미지를 표시하는 데 적합합니다. SpryMap은 매개변수를 통해 이미지의 시작 위치, CSS 스타일 등을 사용자 정의할 수도 있습니다. 또한 부드러운 드래그 효과를 사용할지 여부도 설정할 수 있습니다.
사용방법
먼저 헤드에 있는 SpryMap 스크립트 파일을 로드합니다

코드를 복사합니다 코드는 다음과 같습니다 :

원하는 이미지를 추가하세요. worldMap의 img 태그에 id를 설정

코드 복사 코드는 다음과 같습니다. 🎜>

페이지 로딩 시 최종 초기화

코드 복사 코드는 다음과 같습니다.

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