首頁 > web前端 > js教程 > JavaScript實作地圖拖曳功能SpryMap

JavaScript實作地圖拖曳功能SpryMap

高洛峰
發布: 2016-11-25 13:36:27
原創
1691 人瀏覽過

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"});


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板