JavaScriptで地図ドラッグ機能SpryMapを実装

SpryMap は、他の JS フレームワークに依存しない、独立した軽量の JavaScript ライブラリです。これを使用すると、Google や Baidu の地図と同様のドラッグ効果を簡単に実現できます。SpryMap は大きな画像を表示するのに最適です。 SpryMap は、パラメータを通じて画像の開始位置、CSS スタイルなどを設定することもでき、高度なカスタマイズが可能です。また、スムーズなドラッグ効果を使用するかどうかも設定できます。
使い方

まずはSpryMapのスクリプトファイルをhead内に読み込みます

とする内容を追加しますページ上に表示される画像、worldMapのidでimgタグを設定するなど

ページ読み込み時に最終的に初期化されます

var map = new SpryMap({id: "WorldMap",
高さ: 400,
幅: 800,
Startx: 200,
Starty: 200,
cssclass: "mappy"});