首頁  >  文章  >  web前端  >  JavaScript實作地圖拖曳功能SpryMap

JavaScript實作地圖拖曳功能SpryMap

高洛峰
高洛峰原創
2016-11-25 13:36:271668瀏覽

SpryMap是一個獨立的並且是輕量級的JavaScript類別庫,它不依賴任何其他的JS框架。使用它你可以輕鬆實現類似Google、百度地圖的拖曳效果,對於要展示大圖時使用SpryMap是再好不過的了。 SpryMap的客製化性也很高,透過參數可以設定圖片的起始位置、CSS樣式等等。除此之外,你也可以設定是否使用平滑的拖曳效果。
    如何使用

  先在head中載入SpryMap的腳本檔案

  如設定id為worldMap的img標籤

JavaScript實作地圖拖曳功能SpryMap

  最後在頁面載入時初始化

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


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn