Simple implementation of SpryMap with JavaScript map dragging Function

Using it, you can easily achieve drag effects similar to those of Google and Baidu maps. SpryMap is a good choice for displaying large charts. SpryMap is highly customizable. You can set the starting position and CSS style of the image 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 codeThe Code is as follows:
<Script type = "text/javascript" src = "spryMap-min2.js"> </script>

Add the image to be displayed on the page, for example, setting the img Tag id to worldMap.
Copy codeThe Code is as follows:


Last initialized during page loading
Copy codeThe Code is as follows:
Var map = new SpryMap ({id: "worldMap ",
Height: 400,
Width: 800,
StartX: 200,
StartY: 200,
CssClass: "mappy "});