ヤマレコなら、もっと自由に冒険できる

Yamareco

HOME > ヤマノート > 手書き入力でルート作成
更新日:2025年06月01日 訪問者数:537
ジャンル共通 IT
手書き入力でルート作成
guchi999
マウスでルートを手書きしてGPXファイルに出力するツールです。
国土地理院のベクトルタイルの道も使えます。

特別なソフトをインストールする必要はありません。
通常使っているブラウザで動き、ホームページと同様にブックマークして呼び出す事もできます。
Chrome、Firefox、Edge、Vivaldi、Brave で動作を確認しています。
確認はWindowsのみでしか行っていませんが、MACでも上記のブラウザなら動作すると思います。

ベクトルタイルについては下記のページをご参照ください。
1.HTMLファイルのダウンロード
下記のGitHubのリンクからHTMLファイルをダウンロードしてください。
リンクのページに行き、図1に示したグリーンの「Code」ボタンをクリックし、出てくるメニューで一番下にある [Download ZIP] を選択すれば、ダウンロードフォルダに RouteMaking-main.zip というファイルがダウンロードされます。
図1.GitHubの画面
ダウンロードした RouteMaking-main.zip はWindowsであれば、zipファイルを右クリックして「すべて展開」を選ぶと同じ名前のフォルダが作られます。

フォルダの中には図2のように RouteMaking.htm、RouteMaking使い方.pdf、LICENSE、README.mdの4つのファイルが入っています。
この中で必要なのは RouteMaking.htm だけで、LICENSEとREADME.mdは削除しても構いません。元ファイルの RouteMaking-main.zip も削除して構いません。
RouteMaking使い方も、このヤマノートと同じ内容ですから不要なら削除しても大丈夫です。
RouteMaking.htm ファイルはどこでも好きなフォルダに置いてください。
図2.RouteMaking-main.zip を展開したフォルダの中のファイル
RouteMaking.htm と RouteMaking使い方.pdf のアイコンは使っているブラウザ、pdfリーダーによって異なります。
図はChromeとVivaldiのものです。
2.使い方
RouteMaking.htm のアイコンをダブルクリックするか、右クリックして「プログラムから開く(H)」で使っているブラウザを選ぶと図3の画面になります。
図3.初期画面
2-1.地図の移動、拡大縮小
地図の移動はドラッグ(マウスのボタンを押したまま移動)。拡大縮小はマウスのホイールまたは地図上の[+][−]ボタンで行ないます。

地図の右上にあるレイヤ表示で、 地理院地図、全国最新写真(国土地理院)、OpenStreetMap のいずれかが選べます。必要に応じて切り替えてください

上部にある「地図を移動:」の入力欄に緯度経度を入れて 移動 ボタンを押すと直接移動できます。
入力形式は緯度と経度を「,」(カンマ)あるいは半角空白で区切ったテキストです。
下記のサイトの位置データはそのままコピペできます。

  ・地理院地図左下の矢印アイコンをクリックすると出てくる位置表示
     例)36 度 41 分 53.41 秒 137 度 48 分 17.32 秒
       36.698170,137.804810
  ・Google Map 右クリックで表示される位置情報
     例)35.631353319507106, 139.26926885090197
  ・ヤマレコ「山のデータ」の山頂位置
     例)北緯 36 度 47 分 55 秒, 東経 139 度 22 分 33 秒
2.2 国土地理院地図ベクトルタイルの“道”によるルート作成
地図を移動し、目的の場所で左クリックすると、その地点を含む地理院地図ベクトルタイル1枚分の“道”が表示されます。青線が“道”で、ピンクと紺のドットは各“道”の起点と終点を示しています。“道”が多い都市部では表示に若干時間がかかることもあります。
タベクトルタイルは何枚でも表示出来ますが、トラックの数が多いと地図の拡大縮小の反応が遅くなります。

地図に道を示す線があっても“道”のデータが地理院のサーバーに無い場所もあります。また、地図の“道”がずれている所もあります。
ベクトルタイルの“道”は、地図の下にある [trail 表示クリア] をクリックすると消せます。地図の反応が遅くなったら適宜クリアしてください。
図4.ベクトルタイルの「道」表示と、それを選択した画面
ルートの作成は、表示されている“道”を目的場所の開始点として終了点まで順にクリックするだけです。
クリックした“道”は選択ルートとして黄色で示されます。
“道“の選択は連続する必要はありません。選択しなかった所は最終的に直線で結ばれますが、短い”道“や、直線の”道“を選択する手間が省けます。
選択した“道”は、もう一度クリックするとキャンセルできます。選択したルートの途中の“道”をクリックすると、そこから最後まで消去されます。

なお、ベクトルタイルの“道”は 2 回選択できませんので、同じ道を往復するルートは作れません。
その場合にはマウスによるルート作成を併用してください。
また、ベクトルタイルの“道”は1区間だけではルートを確定できません。2区間以上選択してください。
2.3 マウスによるルート作成
マウスを一度右クリックしてから、左ボタンを押しながら移動すると軌跡が赤い線で表示され、ボタンを離せば黄色の選択された“道”になります。これにより地図に道がない所にもルートが引けます。
既に選択してある“道”の上にも引けますが、重ねるとキャンセルがしづらくなりますので注意してください。
ルートを作る際のラインを引く方向は、2区間以上の選択区間があれば、前の区間の終点から始める必要はありません。
マウスにより作成した“道”は1区間だけでも確定して出力できます。ただし、その場合のルートの方向はラインを引いた方向になります。
図4.マウスによるルート作成
2.4 ルートの確定 と ルート選択クリア
目的のルートが完成したら [ルート確定] をクリックします。ベクトルタイルの“道”が表示されている時は、それが全て消えて出力するルートが表示されます。ルートを確定しても更にルートを伸ばす事もできます。
特に [確定ルート取消] をクリックする必要はありませんが、ルートを途中から変更する場合は取消すと確定前の状態に戻ります。

[ルート選択クリア] は新たにルートを作る場合に使います。
ルートを確定した後にルート選択をクリアしても、確定ルートが残っているので出力できますが、その状態で確定ルートを取り消すと選択ルートは消えているので注意してください。
2.4ルートの保存
[ルート保存] をクリックすると 地図の下に [ファイル名を入力して保存] のリンク表示が出ます。標高データを準備するため、リンク表示が出るまで少し時間がかかる事があります。
リンクをクリックして出てくるダイアログボックスにファイル名を入力して、[OK]をクリックするとダウンロードフォルダに GPX ファイルが出力されます。
3.出力されたルートについての注意
出力された GPX ファイルは位置と標高値のみで、時間情報は入っていません。
時間情報の追加、および乱れたルートの補正は GpxEdit2.htm で行えます。
地理院地図の登山道は、既に廃道になっていて道が無いこともあります。登山等に使う際には十分にご注意ください。
4.その他
起動したとき地図の位置は必要に応じて変えられます。他の場所にしたいときはメモ帳などのテキストエディタで RouteMaking.htm を開き、上から 6 行目にある下記の行の lat、lon の値を変更して上書きしてください。
なお、保存するときは文字コードを UTF8(BOM なし)で保存してください。
 変更する行:
   <script> let lat = 35.909130, lon =138.728869; // 地図表示位置初期値 </script>
5.改訂履歴
V1.1 20250601
 trail始終点のクリックでtrailが選択できない不具合を改善

V1.0 20250513
 初版
お気に入りした人
拍手で応援
拍手した人
拍手

guchi999さんの記事一覧

※この記事はヤマレコの「ヤマノート」機能を利用して作られています。
どなたでも、山に関する知識や技術などのノウハウを簡単に残して共有できます。 ぜひご協力ください!

詳しくはこちら

コメント

まだコメントはありません
プロフィール画像
ニッ にっこり シュン エッ!? ん? フフッ げらげら むぅ べー はー しくしく カーッ ふんふん ウィンク これだっ! 車 カメラ 鉛筆 消しゴム ビール 若葉マーク 音符 ハートマーク 電球/アイデア 星 パソコン メール 電話 晴れ 曇り時々晴れ 曇り 雨 雪 温泉 木 花 山 おにぎり 汗 電車 お酒 急ぐ 富士山 ピース/チョキ パンチ happy01 angry despair sad wobbly think confident coldsweats01 coldsweats02 pout gawk lovely bleah wink happy02 bearing catface crying weep delicious smile shock up down shine flair annoy sleepy sign01 sweat01 sweat02 dash note notes spa kissmark heart01 heart02 heart03 heart04 bomb punch good rock scissors paper ear eye sun cloud rain snow thunder typhoon sprinkle wave night dog cat chick penguin fish horse pig aries taurus gemini cancer leo virgo libra scorpius sagittarius capricornus aquarius pisces heart spade diamond club pc mobilephone mail phoneto mailto faxto telephone loveletter memo xmas clover tulip apple bud maple cherryblossom id key sharp one two three four five six seven eight nine zero copyright tm r-mark dollar yen free search new ok secret danger upwardright downwardleft downwardright upwardleft signaler toilet restaurant wheelchair house building postoffice hospital bank atm hotel school fuji 24hours gasstation parking empty full smoking nosmoking run baseball golf tennis soccer ski basketball motorsports cafe bar beer fastfood boutique hairsalon karaoke movie music art drama ticket camera bag book ribbon present birthday cake wine bread riceball japanesetea bottle noodle tv cd foot shoe t-shirt rouge ring crown bell slate clock newmoon moon1 moon2 moon3 train subway bullettrain car rvcar bus ship airplane bicycle yacht

コメントを書く

ヤマレコにユーザー登録いただき、ログインしていただくことによって、コメントが書けるようになります。
ヤマレコにユーザ登録する