ナレッジ

, 9

国土地理院電子国土Webで登山ルートマップを作る。山行記録のまとめ方修正版。

2016年7月5日「山行記録のルート表示方法をどうしようか…国土地理院地図は使いたい。」というお題で投稿したんだけど、結論はモヤモヤしていた。

そのときの投稿記事はこちら

色々試した結果、今回ある程度ゴールらしきものが見えてきた。国土地理院のWEB地図にkmlファイルを読み込み、HTMLで保存するまでは前回と同じ。今回は<>で画面に表示させるようにしてみた。

Contents

環境について

GPS:Androidアプリ「山旅ロガーGOLD」 測定モード:徒歩15m
その他スマホ使用アプリ:地図ロイド、GPXフォトサーチGOLDなど
MacOS X Yosemite kml、html編集アプリ:CotEditor.app

インラインで表示させる

まずは前回のおさらいも含めて下準備。電子国土Webのページに行き山旅ロガーで記録したkml完全データを読み込んで、HTML保存。htmlファイルをサーバーにアップ。以下のタグを記事内に挿入する。

< src=”http://muscleturtle.jp/wp-content/uploads/2016/10/gsi20161004152245992.html” width=”100%” height=”560″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”> ※<の後ろのスペース要削除

するとこのように表示される。スマホ表示は縦長に表示するように調整している。※これは以前やった方法。

< src="http://muscleturtle.jp/wp-content/uploads/2016/10/gsi20161004152245992.html" width="100%" height="560" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">

しかし、これ…電子国土Webにkmlファイルを読み込んだだけなので、アイコンが赤いデカ丸でルートとしてわかりにくいのが玉に瑕。※ロガーの書き出し時にアイコンの大きさ、種類が選べたらいいのに…。この記事へいただいたコメントから、この先の行程を変えてみることにする。スマホから書き出すデータをそもそも変える。

screenshot_20161004-145603
書き出せるデータの種類は4種類。そのうち2つ「KML(時刻なし. LineString)」「KML(完全データ)」をパソコンに転送。
screenshot_20161004-145625
KML(時刻なし. LineString)は書き出し時にカラーが選択できるのがうれしい。

< src="http://muscleturtle.jp/wp-content/uploads/2016/10/gsi20161004152612396.html" width="100%" height="560" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">

先程の完全データを読み込んだWEB地図にさらにKML時刻なし版を重ねて読み込む。このデフォルトのズームではややわかりにくいけど、この時点は下に水色の線(LineString)が描かれている。※KML(時刻付き)はそのままでは読み込めなかったが、編集すれば可能。それはまた別のときにでも。

一手間加えよう

上記にある作図データをHTML保存し、そこからPCでの作業。保存したHTMLをCotEditor.appで開いて編集していく。

ss2016-10-04-15-32-40
スマホから書き出したときにはicon styleに関わる項目がなかったものの、htmlには該当箇所が見られた。20px×20pxのアイコンだ。これを半分の10pxに全て置換する。※ラインの太さについて:水色(#00fffa)のラインのweightが4とあるところを2とかに減らせば細い線になる。まぁデフォルト4のままで良いと思う。

ss2016-10-04-15-34-10
合わせて気に入らない赤丸のアイコンをこれも一括で変換する。電子国土Web内のアイコンを右クリックで「検証」するとファイル名はわかるので、任意で決める。ここでは末尾080.pngを088.pngの赤い四角に変えてみた。表示結果はコレ。さらにもう少し詰めていく。

< src="http://muscleturtle.jp/wp-content/uploads/2016/10/gsi20161004153120853.html" width="100%" height="560" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">

1

2

三森谷東尾根からバス経由。再度公園から仙人谷、洞川梅林管理道周辺を彷徨う。前のページ

東山尾根を登って旧摩耶道から岩屋尾根を経て掬星台へ至る。次のページ

コメント

  1. あなたの「六甲トレッキング」のルートDataが一括ダウンロードが可能でした。ダウンロードし。一部改変し、私のサイトの
    http://yamamichi.no-ip.com/portalnext/test/gsimaps22.html?lat=34.655&lon=135.110&zoom=15&url=gsi1須磨Data.kml  ここに入れてみました。このページの一番下の「」六甲トレッキングをクリックし
    2015-05-24 摩耶山東 カスケードバレイ(杣谷道)~寒谷~掬星台  のルートをマウスでクリックしてみてください。

    地図上で表現をどうするかの事例です。写真は寒谷のものではないようです,どこから取ったか忘れました。
    地図の基本はどこからダウンロードしたのか、忘れまはした、67〜年前に国土地理院関連からダウンロートしたはずです。
    600近くの一括Dataはお返しします。メールアドレスを山道あてお送りください。

  2. 同じようなことをしようとしておられるのかな、と思ってコメントしました。
    国土地理院の許可を得て私もこのように、トレッキングルートを表示しています、
    もともと、パノラマ写真の撮影ポイントを調査するために、尾根歩きが主体でしたが、だんだん谷にも降りることになりました。
    ルート図は
    http://yamamichi.no-ip.com/portalnext/gsimaps1.html?lat=34.753&lon=135.2347&zoom=15&url=gsi混合Data1.kml
    このように表現しています。
    DataはGarminをカシミールに読ませ、カシミールでKmlファイルを出力し、kmlファイルをエディターで加工し、htmlファイルに組み込んでいます。

    • 山道さん こんにちは。

      「同じような」だなんてとんでもない!私はるか下です…。
      ルート図、これとても良いですね。
      美しい展望のパノラマ写真、トイレポイント、ルート、地域分けetc.私がやりたかったこと全部盛り!
      エディターでの加工、積み重ねの賜物ですね。

      私のような付け焼き刃ではとても真似できません。大いに参考になりました。
      最近は山行の日記的な記事の最後にちょこっとルート図を載せる程度で
      すっかり「まとめ」は疎かになっています。
      ちょっとお聞きしたいことなどもありますので、改めて。

    • shinji50
    • 2016年 10月 05日

    shinji50です。たびたびおじゃまします。
    MuscleTurtleさんの処理の流れとは関係なくなっているかもしれませんが、地理院地図いじっていて見つけたことがありますのので、参考までにお知らせします。
    地理院地図にkmlファイルを入れた状態で、作図。ファイルを選んでKML形式を指定する時、テキストボックスが開きますね。ここでボックス内の上部にStyle id=”…”という要素があり、その下にscaleという要素があります。この値を変えると出力されるkmlファイルの画像の大きさ設定が変わるみたいです。
    ちなみにこの記事の最初の画面でやってみると、”…”はPolyStyle1、scaleは1となっていました。

    • shinji50
    • 2016年 10月 03日

    shinji50です。
    そちらの環境に配慮せず、一方的な思い込みでコメントしたことについてお詫びします。
    もとよりそれぞれがそれぞれのやり方で表現すればいい世界だと思っていますので、そういうやりかたもあるのかと思っていただければ、それ以上を望むものではありません。
    ところで、コメント後に見つけたことを含め、今時点での僕の理解の整理をしてみました。関係ないかもしれませんがURLをお伝えします。http://shinji50.sblo.jp/article/177104962.html

  3. shinji50さん こんばんは!

    kml編集についてはやはりよくわからず…でした。
    替わりといっては何ですが、保存したhtmlの該当箇所(iconサイズに関わる部分)を
    編集することで小さくはできました。
    より楽で、より良い方法を引き続き探っていきたいと思います。

    お気づきの点などあればコメントいただければ幸いです。
    今後ともよろしくお願いします。

    • shinji50
    • 2016年 10月 02日

    shinji50です。おはようございます。
    先のコメントはgpsのファイル(拡張子が.gpxや.kmlとなるもの)を使う側が意識して、取り扱う環境を前提としています。前提を後出しするなよと言われそうですが、昔人間でそういう環境で育ったものですからお許しください。
    お書きの手順にそうと、地理院地図にアップする手前で転送するファイルを編集する機能があればお試しいただくことができたのではないかと思います。

  4. shinji50さん こんばんは!でございます。
    さて、ご提示いただいた内容なのですが、どこからいじくったらいいのやら。よくわかりません。わかってからコメント返信しようと思ったのですが…。知識いたらずでできませんでした。もうすこし調べてみますが、どういう手順なのでしょう?
    ところで、私山旅ロガーと地図ロイドを使っているのですが、それでgpsを取っています。保存(共有)するときに形式が選べて、その中に「KML(時刻なし. LineString)」という選択肢があります。その形式のkmlを地理院地図にアップすると線状になりました。これを今回の記事の形式に当てはめた結果を記事の最後に加えておきました。すごく楽ちん。
    これに一手間加えれば(アイコン、ポイント、リンクなど)しっかりした記録地図になるかと思います。※しかし、このLineString形式の書き出しは時刻がないため(アプリによるのですかね?)、写真撮影時間とポイントを踏まえたアイコンの正確な位置が決められません。より正確にするのなら時刻入りの(私の場合でいくと赤デカ丸)HTMLを参照しながらになるかと思います。が、それはそれで面倒なのである程度は、個人ブログですし、ざっくりでも良いのかなって思います。

    • shinji50
    • 2016年 10月 01日

    @shinji50
    shinji50です。先ほどはお手数おかけしました。さて、電子国土にkmlファイルを貼り付ける件について、興味を持ちましたのでマネさせていただきました。kmlファイルを用意すれば簡単にgpsのログを電子国土上で見ることができ、驚いていたところです。
    さて、こちらでは軌跡を表示する図形がブログにあるような赤丸ではなく、青い四角で表示されましたが、大きさについてはお書きのようで大きすぎる印象を持ちました。kmlファイルに大きさを指定する箇所がないか探したところ、こちらの環境では次のことを確認したので、お伝えします。
    kmlファイルDocument要素の下にid=”track_n”という属性を持つStyle要素があります(Style id=”track_n”)。その下にあるIconStyle要素の下にscale要素があり、”.5″がデフォルトで入っていました。これを”.1″とかの小な値に変更し、読み込ませると、小さな図形になりました。
    kmlファイルについての知識があるわけではないので、たまたまそうなっただけかもしれませんが、参考までにお知らせします。

  1. この記事へのトラックバックはありません。

AND 絞り込み検索

  • カテゴリー

  • タグ

  • キーワード

神戸市境界石

  1. 神戸市境界石No.55・62 高取山一の宮道経由で獅子ヶ池を…
  2. 神戸市境界石No.57 林田区境界を歩く。高取山から獅子ヶ池…
  3. 神戸市境界石No.82・87・96・97・98 黒岩尾根から…
  4. 学校林道へ神戸市境界石90号と93号を探しに行くが…2日連続…
  5. 神戸市境界石No.48・49 高取山白川神社境内と安井茶屋 …

ナレッジ記事

  1. 六甲山の砂防堰堤について思う。
  2. 六甲堰堤と山田堰堤間のイノシシの死骸についての続報と対策につ…
  3. 神戸市文書館企画展「近代神戸の開かれた六甲山」に行ってみる。…
  4. イラストレーターとHTMLで摩耶_長峰山詳細登路図(仮)のク…
  5. 菊水山周辺についての下調べ。

ピックアップ記事

  1. 石井ダムこもれび広場を探索。ドングリの森谷筋を登り、新鈴蘭台…
  2. 【KOBE HILL MAP】徳本上人妙号岩 探訪。苅藻川遡…
  3. 石楠花山南東 六百谷(仮称)を登り六百山を下る。
  4. 須磨と垂水の区界にある堺川を旗振山まで登り詰める。赤旗谷川を…
  5. 猪ノ鼻滝上流右支、岩谷を登る。風呂ノ谷を下って有馬口まで。
  1. 裏六甲

    裏紅葉谷 七曲滝の向こう側を見に。裏紅葉谷第二砂防ダムから左俣で詰める。
  2. 長峰

    六甲川遡行。大土神社脇から入渓、都賀谷上流右俣から丁字ヶ辻まで登り詰める。
  3. 住吉・芦屋

    住吉道から一部離れて川を溯行。本庄橋手前、森林管理道分岐から廃道田辺谷を登る。
  4. 摩耶

    摩耶東谷深谷第4堰堤手前から支尾根へ。旧道跡かも知れない水平道を辿る。
  5. レク

    北野遊歩道から桜谷川を下って苧川谷下流。布引ハーブ園へ登り紅葉の茶屋へ下る。
PAGE TOP