2010/11/24
Googleマップのようにマウスで画像を動かす「SpryMap」
SpryMapはJavaScript/jQuery製のオープンソース・ソフトウェア。Googleマップの操作は色々な場面で応用できる。オンラインで閲覧するチラシでも使えるし、大きな写真で自分の好きな場所を閲覧する時にも使うことができる。 0
ドラッグして見る場所を変更する
0
実際のGoogleマップの画像はタイル上になっているため、サーバ側も合わせて複雑な仕組みが必要になる。だが大きな一枚の画像を見せるだけならばSpryMapが使えるだろう。 0
SpryMapはjQueryを使って巨大な画像をドラッグで移動しつつ閲覧できるソフトウェアだ。ズームイン/ズームアウトのような機能はなく、画像も一枚で済むのが手軽だ。そのため実際の画像も巨大なものでなければならない。 0
元画像は大きい
0
デモではゲームの地図を表示しているが、地図に限らず利用できるだろう。オプションもあるが、基本的な利用だけであればさほど難しくなさそうだ。画像をただ表示するだけでなく、このような工夫を凝らすとさらに魅力が増すはずだ。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ 0
via SpryMap – Google Maps-like Click and Drag Window [ WebAppers ] 0
SpryMap | candrews.net
http://candrews.net/sandbox/spryMap/
0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート