JavaScript マップドラッグ関数の簡単な実装 SpryMap_javascript スキル

これを使用すると、Google や Baidu の地図と同様のドラッグ効果を簡単に実現でき、大きな画像を表示するのに最適です。 SpryMap は、パラメータを通じて画像の開始位置、CSS スタイルなどを設定することもでき、高度なカスタマイズが可能です。また、スムーズなドラッグ効果を使用するかどうかも設定できます。
使い方
まずはSpryMapスクリプトファイルをhead内に読み込みます

コードをコピー コードは以下の通りです:

対象の画像を追加しますworldMap の img タグに id を設定

コードをコピー コードは次のとおりです。 🎜>

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

コードをコピー コードは次のとおりです:

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