タグ

路線図に関するyggdra_wのブックマーク (6)

  • Leaflet.jsで動くバス路線図の実例 - WeTRADiA

    #leaflet.js でヌルヌル動く路線図の輪を広めよう #にし シームレス路線図 バス路線図としては、神奈川県川崎市の川崎駅周辺 2017年の秋くらいで更新が止まっている…… 大学の卒業制作、AXIS Web Magazineの取材も受けた これ↑を読んでいただければなんとなく伝わると良いな、なのだが、バス路線図を作りたかったのではなくて、鉄道の路線図とバス路線図を一緒にしたかったのが出発点 色々な交通機関が一体的に……MaaSのプラットフォーム的にご利用いただけないでしょうか(寝言) 具体的には、ズームレベル13の図が画期的なのです Tokyo Subway 東京の地下鉄路線図としては8割くらいできていて、かなり良いと思っているんだけど、都営バスを入れたいなあとか思っているんだけど……作りかけ 高田馬場駅あたりの都営バスがちょこっと書かれている #ばやりーす シームレスバスマップin

    Leaflet.jsで動くバス路線図の実例 - WeTRADiA
  • 【卒展2018】多摩美術大学情報デザインコース。伝え方を根底から考える。 | Webマガジン「AXIS」 | デザインのWebメディア

    ▲代表の松岡アレシア未央さん(右)と、副代表の錦戸音々子さん(左)。受付まわりもすべて手づくり。 ▲2フロアに分かれていた展示。上のフロアはモニターを使う作品が多かった。 2018年の卒業制作展のうち、首都圏の学外展を中心にレポートするシリーズ。それぞれの大学、学部、コース、そして今の時代の学生たちの特徴や雰囲気を伝えていく。 シリーズ9回目は、2018年3月9日(金)〜11日(日)までの3日間、五反田の東京デザインセンターで開催された、多摩美術大学情報デザイン学科情報デザインコースの卒業制作研究展・2018「yes」。 この展示のひとつの特徴は、作品バリエーションの豊富さである。グラフィック、プロダクト、映像やアプリケーション、あるいは空間インスタレーションまで、多岐にわたる表現の、53名の作品が集まった。 同学科の永原康史教授は「多様性というのは、学科そのもののテーマです。『情報をデザ

    【卒展2018】多摩美術大学情報デザインコース。伝え方を根底から考える。 | Webマガジン「AXIS」 | デザインのWebメディア
  • 路線図ドットコム 東海地方の交通インフォメーション

    当サイトは、私個人で調査した情報を元にしております。 そのため、間違い・情報が古い事がある可能性があります。 当サイトをご利用の結果、何らかの不利益や損害を被られたとしても、当方は一切責任を負えません。 常に最新情報を収集するよう努めておりますが、改正情報や間違いに気付きましたら、メールにて 連絡いただけると幸いです。 画像・路線図等の無断転載を禁じます

  • 【D3.js】 SVGで路線図を描く

    example 今までやってきた内容の復習に、D3.jsを使って路線図を描いててみました。 当初は、バスの路線図を作っていたのですが、群馬県内に絞ってもバス停やバスルートの情報量が多く、重くて大変だったので途中で路線変更しました。 鉄道データは、いつものごとく国土数値情報より。 *Quantum GISは正式にQGISに名称が変更されました。 QGIS 鉄道データ(Shape)をQGISに読み込み、群馬県内を選択、選択したレイヤーをいったん切り出しShapeで保存、MapShaperで簡素化。 再度、Quantum GISに読み込んでGeoJSONに変換。 また、鉄道(線)データだけTopoJSONに変換しています。 (点データはTopoJSONに変換してもさほど軽量化の恩恵が得られないみたいなのでそのままつかってます) 途中、Quantum GISの属性データの文字化け問題に悩まされまし

    【D3.js】 SVGで路線図を描く
  • 日本全国シームレスな鉄道路線図API「駅すぱあと路線図」、ヴァル研究所が無償提供を開始 

    日本全国シームレスな鉄道路線図API「駅すぱあと路線図」、ヴァル研究所が無償提供を開始 
  • 駅すぱあと路線図API Hacks! D3.jsを使ってSVGをオーバーレイする。

    新しい地図サービスが始まったとき、誰もが気になるのは「この地図サービスでD3.jsは使えるのだろうか?」という点でしょう。心配ありません。駅すぱあと路線図でD3.jsは使えますよ! 日全国シームレスな鉄道路線図API「駅すぱあと路線図」、ヴァル研究所が無償提供を開始 駅すぱあと路線図APIのアクセスキーを取得したので、さっそく遊んでみました。 とりあえず、D3を使うまでの解説を載せておきます。 ※ exampleはフリープランを利用して作成しているため1日100セッションを越えると動作しなくなります。 ゲットスタート 駅すぱあと路線図APIは、汎用地図ライブラリのleaflet.jsを利用しているとのことなので、まずはベーシックなサンプルを作成してD3.jsを使うのに必要となるオブジェクトにアクセスできるか確認します。 開発用のドキュメントやサンプルコードは下記ページにて公開されています

    駅すぱあと路線図API Hacks! D3.jsを使ってSVGをオーバーレイする。
  • 1