SpryMap是一個獨立的並且是輕量級的JavaScript類別庫,它不依賴任何其他的JS框架。使用它你可以輕鬆實現類似Google、百度地圖的拖曳效果,對於要展示大圖時使用SpryMap是再好不過的了。 SpryMap的客製化性也很高,透過參數可以設定圖片的起始位置、CSS樣式等等。除此之外,你也可以設定是否使用平滑的拖曳效果。
如何使用
先在head中載入SpryMap的腳本檔案
如設定id為worldMap的img標籤
最後在頁面載入時初始化
var map = new SpryMap({id : "worldMap" height: 400,
startX: 200,
cssClass: "mappy"});