Googlemapのように画像を拡大・縮小・移動

質問

画像をダブルクリック＋UIで拡大・縮小でき、マウスでドラッグ移動できるJSライブラリを探しています。
Googlemapのような感じです。
なるべく直感的に操作できるものがいいです。

http://wayfarerweb.com/jquery/plugins/mapbox/
ダブルクリックでズームしたい。拡大時の動きがちょっとカクカク。

http://phpspot.org/blog/archives/2010/08/urlgooglezoomit.html
こういったのが理想ですが、左下にサービスのロゴが出てしまうのでこちらは使えません。

ご存知の方、ぜひ教えてください。
よろしくお願いいたします。

回答No.2

fujillin · ベストアンサー

#1です。

ちょっと検索してみました。
#1で紹介したものと、かなり似ているもの。
http://www.mind-projects.it/projects/jqzoom/
http://www.professorcloud.com/mainsite/cloud-zoom.htm

その他にもこんなのが、
http://code.google.com/p/zooma/
http://www.netzgesta.de/shiftzoom/

いずれにしろ、ライセンスや有料/無料などの違いがありますので、そちらもご確認ください。

後から気が付きましたけれど、最近のブラウザを対象にしてよければ、canvasを利用して制御するのが簡単そうな気がします。
こちらも検索してみたら、例示しているサイトがありました。
ブラウザが少し限定されるけれど、この方法がよろしいかも…
http://serennz.sakura.ne.jp/sb/log/eid108.html

お礼

ありがとうございます！
ご紹介いただいたものから検討したいと思います。
諸事情でIE6がまだ切れないのですが、canvasおもしろそうですね^^

回答No.1

fujillin

似たようなものでこんなの（↓）があったかと。
（4.Internal zoomが、ご質問に近いかと…）
http://www.magictoolbox.com/magiczoom/examples/

類似のライブラリが何種類かあったと記憶していますが、すぐに提示できません。
検索してみてください。