JavaScript implements map drag function SpryMap

SpryMap is an independent and lightweight JavaScript library that does not depend on any other JS framework. Using it, you can easily achieve dragging effects similar to Google and Baidu maps. SpryMap is perfect for displaying large images. SpryMap is also highly customizable. You can set the starting position of the image, CSS style, etc. through parameters. In addition, you can also set whether to use a smooth drag effect.
How to use

First load the SpryMap script file in the head

Add the content to be displayed on the page Pictures, such as setting the img tag with the id of worldMap

　Finally initialized when the page is loaded

var map = new SpryMap({id: "WorldMap",
Height: 400,
width: 800,
Startx: 200,
Starty: 200,
cssclass: "mappy"});