Simple implementation of JavaScript map drag function SpryMap_javascript skills

Using it, you can easily achieve dragging effects similar to those on 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

Copy the code The code is as follows:

Add the image to be displayed on the page, such as Set the id to the img tag of worldMap

Copy the code The code is as follows:

Finally initialized when the page loads

Copy code The code is as follows:

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