読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

東京メトロ オープンデータAPIをいじる(3) - d3.jsのzoom behaviorによる拡大縮小・移動機能の実装

東京メトロオープンデータ d3.js JavaScript HTML5

月曜日からZoomビヘイビアを使用した拡大縮小移動機能を実装している。

https://public.dm2301.livefilestore.com/y2pS_axneUeRDLwIBhXFKKeE4hL9gI9w0qIkacaQAsALpuJ9846ShFEJag-YgESLc8RTCbbAWFhD2Zdm4pMBfAYbUty05QKBES5rJ4W01l62vs/20141008.png?psid=1

サンプルページ

GitHUBリポジトリ

参考にしたのは以下のリンク。

ちょっと座標計算がいい加減だが、一応iPhoneのChrome,Win 8.1 Chromeで動くことは確認した。タッチにも対応するのでzoom behaviorは確かに便利だ。

しかしブラウザによって実行結果がかなり異なるのが気になるね。Chrome専用ということでよろしくお願いします。