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

公開:2014-10-08 06:11
更新:2020-02-15 04:37
カテゴリ:東京メトロオープンデータ,d3.js,javascript,html5

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

https://sfpgmr.github.io/images/2014/10/20141008.png

サンプルページ

GitHUBリポジトリ

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

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

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