Rosen JS API リファレンス
駅すぱあと路線図Playground
さあ、はじめよう(テンプレートをダウンロード)

基本 駅すぱあと路線図の基本機能をご紹介します

カテゴリ サンプル名 更新日
初期化 路線図を表示する(最小限のサンプル) 2016/02/02
初期化 様々な初期化オプション 2016/02/12
初期化 スクロール範囲を限定する(座標指定) 2016/03/16
初期化 スクロール範囲を限定する(地域名指定) 2016/03/17
初期化 サイドメニューの駅・路線選択時の挙動を変更する 2016/04/22
初期化 ズームとスクロールを禁止する 2016/02/12
初期化 路線図の背景色を変更する 2016/05/09
初期化 英語版の路線図を表示する 2016/08/03
Promise Promiseの使い方1 2016/03/23
Promise Promiseの使い方2(並行処理) 2016/03/23
Promise Promiseの使い方3(直列処理1) 2016/03/24
Promise Promiseの使い方4(直列処理2) 2016/03/24
マーカー 基本的なマーカーの立て方 2016/02/17
マーカー マーカーをCSSをカスタマイズする(カスタムマーカー) 2016/02/10
マーカー 円形のマーカーを表示する 2016/09/29
マーカー JSキャッシュを使ってマーカーの追加を高速化する 2016/02/15
ポップアップ 基本的なポップアップの作り方 2016/02/17
ポップアップ 駅間にポップアップを置く 2016/03/23
ポップアップ 初期表示はポップアップを閉じた状態にしたい 2016/02/10
ポップアップ ポップアップをCSSでカスタマイズする(カスタムポップアップ) 2016/02/18
強調 路線を強調する 2016/02/15
強調 駅間を強調する 2016/02/15
折れ線 駅と駅を結ぶ折れ線を表示する 2016/09/30
選択 クリックで駅を選択する 2016/02/12
選択 クリックで路線を選択する 2016/02/12
選択 クリックで駅間を選択する 2016/02/12
選択 クリックで駅または路線を選択する 2016/02/12
選択 クリックで駅または駅間を選択する 2016/02/12
データ検索 駅を検索する 2016/04/01
データ検索 緯度経度から最寄り駅を検索する 2016/10/21
データ検索 路線を検索する 2016/02/22
データ検索 都道府県マスター・会社マスターの取得 2016/02/18
その他 ハッシュ(URLに座標を含める) 2016/02/22
その他 指定した駅が画面に収まるように表示範囲・ズームを変更する 2016/09/07

応用 単純に基本機能を呼び出すだけでなく、少し工夫を加えたサンプルです

カテゴリ サンプル名 更新日
その他 駅ナンバー表示をカスタマイズする 2016/05/18
デモ ヒートマップ 2016/03/29
デモ 画面内の駅リスト 2016/02/17
デモ 飛行機で飛ぶように移動する(flyTo) 2016/02/23
デモ 動く電車(実験中) 2016/03/30
デモ 画面右上に検索ボックスを表示する 2016/04/08

FAQ 駅すぱあと路線図に関してよくあるご質問です

カテゴリ サンプル名 更新日
マーカー 今立っているマーカーのリストを取得するには? 2016/02/12
マーカー マーカーを削除するには? 2016/02/12
マーカー 複数の駅に異なるマーカーをつけたいが、どれも同じになってしまう 2016/02/10
表示されない 路線図が表示されない(HTML5の<!DOCTYPE>を入れてから) 2016/04/22
ライセンス フリープランのセッション制限とは? 2017/06/07

データ連携 駅すぱあと路線図以外のサービスやデータとの連携が必要なデモです

カテゴリ サンプル名 更新日
デモ 駅すぱあと API 経路探索との連携 2016/03/08
デモ 駅すぱあと API 範囲探索との連携 2016/04/06
デモ 不動産案件表示 2016/02/25
デモ 停車駅案内 2016/02/23
デモ 不通区間ブリンク表示 2016/03/11
デモ ツイッター連携 2016/03/29
デモ 駅すぱあと検索回数の多い駅ランキング 2016/05/12
デモ ICカード利用可能駅 2016/11/02
利用実績 inbound insight(ナイトレイ様) 2016/09/28