タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

jsと地図に関するkenzy_nのブックマーク (1)

  • [JS]なにこれ楽しい!インタラクション満載の路線図を実装するスクリプト -transitive.js

    路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小やドラッグ操作などもできます。 路線図は各要素(駅やルートなど)のテキストファイルを元に、Canvasで描画されています。 各要素のデータ(オレンジのルート)はこんな感じです。 "route": "ORANGE", "from": "12488", "to": "7588", "fromName": "COURTHOUSE METRO STATION", "toName": "METRO CENTER METRO STATION", "routeShortName": "Orange

  • 1