新しい地図サービスが始まったとき、誰もが気になるのは「この地図サービスでD3.jsは使えるのだろうか?」という点でしょう。心配ありません。駅すぱあと路線図でD3.jsは使えますよ! 日本全国シームレスな鉄道路線図API「駅すぱあと路線図」、ヴァル研究所が無償提供を開始 駅すぱあと路線図APIのアクセスキーを取得したので、さっそく遊んでみました。 とりあえず、D3を使うまでの解説を載せておきます。 ※ exampleはフリープランを利用して作成しているため1日100セッションを越えると動作しなくなります。 ゲットスタート 駅すぱあと路線図APIは、汎用地図ライブラリのleaflet.jsを利用しているとのことなので、まずはベーシックなサンプルを作成してD3.jsを使うのに必要となるオブジェクトにアクセスできるか確認します。 開発用のドキュメントやサンプルコードは下記ページにて公開されています
![駅すぱあと路線図API Hacks! D3.jsを使ってSVGをオーバーレイする。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d94149ef16892e3573722dc59b67daddaa6fe94/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2016%2F10%2Fshimz.meexampleekispaert01index.html-2016-10-03-12-28-08.png)