平成 29 年 6 月 8 日 ( 木 ) 第 7 回地理院地図パートナーネットワーク会議 国土交通省国土地理院 地理空間情報部情報普及課 出口智恵 Ministry Geospatial of Information Land, Infrastructure, Authority Transport of Japanand Tourism 1
本日の主な話題 2 1. 機能改良地理院地図で海外 3D 対応 (H28.12.20) 計測機能 ( 距離 面積 ) の精度向上 (H29.2.15) 地理院地図 Globe 改良 (H29.3.14) 2. データの充実淡色地図 ZL2-11 公開 (H29.1.31) 標高タイル更新 (H29.2.16) 色別標高図更新 (H29.2.24) シームレス写真レイヤ全国公開 (H29.3.14) 戦前の空中写真公開 (H29.4.28) 3. ベクトルタイル 4. その他
地理院地図で海外 3D 対応 (H28.12.20) 3 地理院地図で 機能 3D をクリック 表示範囲が 3D 表示されます
計測機能 ( 距離 面積 ) の精度向上 (H29.2.15) 4 距離計測 面積計測の計算式をより精度の高いものに変更しました 地球を回転楕円体とみなした近似式により計算 より精度の高い計測が可能に
地理院地図の主な改良 (H29.3.14 公開 ) 5 1 地下を含む高さを持ったデータの 3D 表示 2 3D にする範囲の選択 3 情報リストのタブ化 4 ユーザインターフェース等の改良 5 表示画面を画像として保存 6 ベクトルタイルの描画方法の切り替え 7 グリッド表示 への集約と タイル座標 の表示 8 複数のレイヤを一つのレイヤとして扱う機能 9 レイヤがリクエストされる範囲の設定追加 10 ヘルプボタンの拡張
1 地下を含む高さを持ったデータの 3D 表示 6 高さを持ったデータ (KML) を 3D で表示できるようになりました 斜め視点 横視点 平成 28 年熊本地震の震源分布と震源断層モデル 撮影時 離発着時 西之島撮影における UAV の飛行航路 実際の断層モデルの形状や大きさをわかりやすく表示することができます
( 事例 )H28.4 熊本地震 これまでの公表資料 地震に伴う断層破壊の広がりを 点 ( 余震分布 ) ではなく面 ( 断層面 ) の情報で示すことで 地震による被災状況予測に役立つ 迅速な救助 復旧に寄与 7 2D で水平範囲は把握できる一方 断層の深さ ( 地表までの距離 ) は把握しづらい
( 事例 )H28.4 熊本地震 http://maps.gsi.go.jp/ 8 断層の滑りが地表付近まで達していることが分かる!
2 3D にする範囲の選択 9 3D 表示する範囲を地図上で選択できるようになりました 任意の範囲の 3D プリンタ用データも取得可能
3 情報リストのタブ化 10 情報リストをタブ化し 主要な情報が見つけやすくなりました 主要なレイヤ情報に簡単にアクセスベースマップの切替も簡単に全レイヤ情報を網羅した詳細リスト 地震などの災害が発生した際 その災害に関連する情報をまとめたタブを 一時的に設置することも想定 初めての利用者でも主要なレイヤ情報へ容易にアクセス
4 ユーザインターフェース等の改良 11 操作パネルを改良し 操作がわかりやすくなりました 合成機能を追加し 重ね合わせがより便利になりました (IE は未対応 ) 透過率はスライドバーで設定できるよう変更しましたレイヤの上下入れ替えをボタンで行えるよう変更しましたテキストの文字装飾がボタン式になりました 合成機能の ON/OFF 画像レイヤの上下入替 文字装飾がボタンで (HTML にも切替可 ) 透過率設定バー 地理院地図をより使いやすく
5 表示画面を画像として保存 12 地図画面を画像として保存できるようになりました について 事務連絡 年 月 日 部 課 PNG 形式で画像を保存できますワールドファイルも併せて保存できます (GIS ソフトで利用時の EPSG コードは 3857 ) 図 1: 位置図 資料作成等での利用がスムーズに
6 ベクトルタイルの描画方法の切り替え 13 ベクトルタイルの描画方法を SVG/Canvas と切り替えできます 線 面データ 点 線 面データ Canvas で描画 Canvas は描画が早い アンダーズーミングでの表示も実装 layer に styleurl 属性を追加し 任意の style.js が利用可能に (layers.txt style.js の拡張 ) SVG で描画 { "type": "Layer", "id": "experimental_rdcl", "title": " 地図情報 ( 道路中心線 )", "iconurl": "", "url": "https://maps.gsi.go.jp/xyz/ "styleurl" : https:// /style_canvas.js", "subdomains": "", ベクトルタイルの表示の幅を広げる
7 グリッド表示 への集約と タイル座標 の表示 14 各種グリッドを集約し タイル座標 を表示できるようになりました 地域メッシュ と 2 万 5 千分 1 地形図郭 をグリッド表示に集約 タイル座標 と地理院タイル一覧に記載の URL から タイルの URL を調べることもできます 上図の青枠の写真タイルの URL は http://cyberjapandata.gsi.go.jp/xyz/seamlessph oto/15/29134/12855.jpg タイル座標 ( ファイル URL) を簡単に調べることが可能
8 複数のレイヤを一つのレイヤとして扱う機能 15 複数のレイヤを一つのレイヤとして扱えるようになりました layergroup に id 属性を追加し Group 以下の Layer すべてを選択 表示 { "type": "LayerGroup", "title": " 正射画像 ( まとめ )", "id": "20160414kumamoto_ort_all", "iconurl": "", "toggleall": true, "entries": [ { 情報リストを整理
9 レイヤがリクエストされる範囲の設定追加 16 layers.txt を改良し レイヤのリクエスト範囲の設定が可能になりました { "type": "Layer", "id": "20160414kumamoto_0705dol", "title": " 阿蘇 3 地区正射画像 (7/5 撮影 )", "iconurl": "", "url": "https://maps.gsi.go.jp/xyz/ ", "bounds" : [ [33.027088,130.935058],[32.87728,131.065522 ] ], "subdomains": "", "attribution": "", "errortileurl": "", "cocotile": false, "minzoom": 10, "maxzoom": 18, "html": " }, { 熊本地震のレイヤ 正射画像 ( まとめ ) では 複数レイヤを 1 つのレイヤとして扱っているが レイヤのそれぞれにリクエスト範囲を設定しており 空リクエストを減らしている レイヤへの空リクエストを減らす layer に bounds 属性を追加し リクエスト範囲を設定
10 ヘルプボタンの拡張 17 地理院地図の概要や主な機能 関連リンクを紹介しています? をクリック! 初めての利用者でも使いやすく
地理院地図 Globe の主な改良 (H29.3.14 公開 ) 18 1 ユーザインタフェースの改良 2 地理院地図の全レイヤの表示に対応 3 海外の地形も 3D 表示 4 地理院地図での閲覧情報を引き継いで表示 5 表示速度の高速化 (PNG 標高タイルの導入等 )
1 ユーザインターフェースサイトの改良 19 サイト構成を地理院地図と合わせました 表示可能な情報のリストを表示し 透過率等の設定ができます ファイルの読込や高さ倍率の変更ができます 視点を初期位置に戻します 地理院地図と同じ操作感で利用可能に
2 地理院地図の全レイヤの表示に対応 20 地理院地図の全レイヤの表示に対応しました 写真判読図 UAV 動画 都市圏活断層図 火山土地条件図 表示可能な情報の充実
3 海外の地形も 3D 表示可能 海外も 3D 表示可能 ( ヒマラヤ周辺 : 高さ強調 9 倍 ) 21 海外の地形も直感的にわかりやすく 海外の標高データには 地球地図全球版標高第 2 版を利用しています
4 地理院地図での閲覧情報を引き継いで表示 22 地理院地図で見ていた場所と情報を引き継いで表示できるようになりました ( 地理院地図 ) 機能 Globe をクリック ( 地理院地図 Globe) 地理院地図で見ていた場所と情報を引き継いで表示 情報表示の効率化
5 表示速度の高速化 (PNG 標高タイルの導入等 ) 地理院地図 Globe 高速化のため 地形データによりデータサイズの小さい PNG 標高タイルを作成 採用 23 標高値を RGB 値に変換 現在の標高タイル (CSV 形式 ) 1 タイルのデータサイズ : 約 450KB PNG 標高タイル 1 タイルのデータサイズ : 約 100KB ( 各ピクセルの RGB 値から標高値を算出して利用 ) PNG 標高タイルの世の中の動向 産総研がシームレス地質図 3D で使用 海外のウェブ地図プロバイダー (Mapbox) がソフトウェアと一緒に提供
5 表示速度の高速化 ~ 検証結果 ~ 24 CSV 形式から PNG 形式へ変更したことによる効果 1 タイルあたりの表示 ( ダウンロード + 処理 ) 時間が 約 35% に減少 表示時間(ms) 250 200 150 100 50 0 194 138 csv png 57 52 56 169 170 10/908/403 10/908/402 11/1822/803 12/3644/1607 タイル座標 71 3 回計測した結果の平均値 その他 チューニングにより起動時に読み込むファイルを見直した効果初期表示に必要な時間が 約 80% に減少 ファイル数8000 8.48 6328 6000 4000 2000 0 4963 (ms) 10 8 6 7.02 4 2 0 チューニング後間チューニング前チューニング前チューニング後 表示時 3 回計測した結果の平均値
成果は GitHub で公開しています 25 改良後の地理院地図及び Globe のソースももちろん GitHub で公開しています https://github.com/gsi-cyberjapan/gsimaps
平成27 年4 月成26 年4 月関東 東北豪雨平成27 年9 月平成26 年8 月平成26 年9 月27 日豪雨(広島等)御嶽山噴火台風11 号及び9 号 10 号タイルアクセス数 平成28 年8 月熊本地平成28 年4 月地理院タイルアクセス数の推移 26 地理院タイルのアクセス状況 ( 月間 ) ( タイル ) 20 億平16 億 震12 億 8 億 4 億 うち地理院地図以外から 2014/04 2014/05 2014/06 2014/07 2014/08 2014/09 2014/10 2014/11 2014/12 2015/01 2015/02 2015/03 2015/04 2015/05 2015/06 2015/07 2015/08 2015/09 2015/10 2015/11 2015/12 2016/01 2016/02 2016/03 2016/04 2016/05 2016/06 2016/07 2016/08 2016/09 2016/10 2016/11 2016/12 2017/01 2017/02 2017/03 アクセス数は右肩上がりで増加中特に 地理院地図以外からの利用が増加傾向にあります ありがとうございます! 2017/040
月間約 18 億タイルって? 27 A4 地図約 1.3 億枚分に相当 毎日 約 440 万人が A4 地図を利用した場合に相当 地理院地図サーバ
本日の主な話題 28 1. 機能改良地理院地図で海外 3D 対応 (H28.12.20) 計測機能 ( 距離 面積 ) の精度向上 (H29.2.15) 地理院地図 Globe 改良 (H29.3.14) 2. データの充実淡色地図 ZL2-11 公開 (H29.1.31) 標高タイル更新 (H29.2.16) 色別標高図更新 (H29.2.24) シームレス写真レイヤ全国公開 (H29.3.14) 戦前の空中写真公開 (H29.4.28) 3. ベクトルタイル 4. その他
淡色地図ズームレベル 2-11 を公開 (H29.1.31) 29
標高タイル (H29.2.16) 色別標高図 (H29.2.24) 更新 30
シームレス写真レイヤ全国公開 (H29.3.14) 31
戦前の空中写真公開 (H29.4.28) 32 1936 年 ( 昭和 11 年 ) 頃の東京駅周辺約 80 年前 外濠 2009 年 ( 平成 21 年 ) 道路
本日の主な話題 33 1. 機能改良地理院地図で海外 3D 対応 (H28.12.20) 計測機能 ( 距離 面積 ) の精度向上 (H29.2.15) 地理院地図 Globe 改良 (H29.3.14) 2. データの充実淡色地図 ZL2-11 公開 (H29.1.31) 標高タイル更新 (H29.2.16) 色別標高図更新 (H29.2.24) シームレス写真レイヤ全国公開 (H29.3.14) 戦前の空中写真公開 (H29.4.28) 3. ベクトルタイル 4. その他
地理院地図 / 地理院タイル タイル ウェブ配信用にタイル分割されたデータ 小縮尺 大縮尺 表示範囲のみダウンロード 縮尺に応じた画像がタイル状に用意されている 地図表示の際には 必要な範囲のみデータをダウンロードするので 表示が高速に行える
地理院タイル 画像タイル ( これまでの形式 ) ベクトルタイル ( 提供実験中 ) { "type": "FeatureCollection","features": [ { "type": "Feature","geometry": {"type": "Point", "coordinates":[140.086039,36.104928]},"properties ":"class":"nrpt","rid":"","giid":"","lfspanfr":"2 013-03-22","lfSpanTo":"","orgGILvl":"25000", "type":" 大字 町 丁目 ","admcode":"08220","prename ":" 茨城県 ","citname":" つくば市 ","name":" 北郷 ", "pren_kana":" いばらきけん ","citn_kana":" つくばし ","kana":" きたさと ","tobichiflg":"0","gaijiflg ":"0"}},{ ( 中略 ) "type":" 大字 町 丁目 ","admcode":"08220","prename":" 茨城県 ","citname ":" つくば市 ","name":" 西原 ","pren_kana":" いばらきけん ","citn_kana":" つくばし ","kana":" にしはら ","tobichiflg":"0","gaijiflg":"0"}}, ( 後略 ) 地図の内容 ( 図形の形状 属性等 ) の機械判読は困難 ( 人間の目では内容の認識が可能 ) 地図の内容の機械判読が容易 表示スタイルの変更が可能 平成 31 年度からの提供事業化を目指す
ベクトルタイル提供による効果 (1) ユーザ側で地物の表示 非表示やスタイルが自由に変更できる オリジナル白地図 ( 道路縁 河川中心線 建築物の外周線 ) 鉄道路線図 ( 鉄道中心線 注記 [ 路線名 / 駅名 ]) ウェブ上で 目的 コンセプトに応じた地図が作成可能
ベクトルタイル提供による効果 (2) クリックすると解説が表示され 凡例不要で読解できる 今までは ベクトルタイルを使うと 凡例と見比べながら読み解く必要 すぐに & 確実に情報を把握可能
ベクトルタイル提供実験 38 国土地理院研究開発基本計画 今年度の検討事項 ( 予定 ) ベクトルタイルの作成手法と整備項目について ベクトルタイルを用いて最適な背景地図を描画する技術について ベクトルタイル提供実験では 事業化に向けた検討を進めるため 随時 みなさまのご意見 活用事例の紹介を受け付けています ベクトルタイル提供実験サイト (GitHub) https://github.com/gsi-cyberjapan/vector-tile-experiment
その他 39 地理院地図パートナーの方々に 地理院地図 / 地理院タイルに関するアンケートを実施予定です ご協力よろしくお願いします