JavaScript地圖拖曳功能SpryMap的簡單實作_javascript技巧

使用它你可以輕鬆實現類似Google、百度地圖的拖曳效果，對於要展示大圖時使用SpryMap是再好不過的了。 SpryMap的客製化性也很高，透過參數可以設定圖片的起始位置、CSS樣式等等。除此之外，你也可以設定是否使用平滑的拖曳效果。
    如何使用
　　先在head中載入SpryMap的腳本檔案

複製程式碼

複製程式碼

複製程式碼

　　在頁面中加入要顯示的圖片，如設定id為worldMap的img標籤

複製代碼

代碼如下:

　　最後在頁面加載時初始化

複製代碼

代碼9 map = new SpryMap({id : "worldMap                          width: 800,
     : 200,
                             startY: 200,
                             cssClass: "mappy"});