地理院地図に関する話題

平成 28 年 11 月 24 日 ( 木 ) 第 6 回地理院地図パートナーネットワーク会議 @G 空間 EXPO2016 地理院地図に関する話題 国土交通省国土地理院 地理空間情報部情報普及課 出口智恵 Ministry of Land, Infrastructure, Transport and Tourism Geospatial Information Authority of Japan 1

本日の主な話題 2 < 半年間の進展 > 地理院タイルHTTP/2 対応 災害対応 データの充実 < 今後の予定 > 地理院地図 Globe 改良事項 シームレス写真レイヤ公開 色別標高図更新 ベクトルタイル提供実験項目追加

本日の主な話題 3 < 半年間の進展 > 地理院タイルHTTP/2 対応 災害対応 データの充実 < 今後の予定 > 地理院地図 Globe 改良事項 シームレス写真レイヤ公開 色別標高図更新 ベクトルタイル提供実験項目追加

地理院タイル HTTP/2 対応 4 地理院タイルが 10 月 27 日より HTTP/2 に対応しました より高速に地理院タイルをご利用いただけます 地理院地図の今年度改良にあわせて 地理院地図も HTTP/2 へ変更予定

災害対応 ( 台風 ) 5 台風 (11 号 9 号 10 号 ) 対応について 地理院地図から情報を適時発信 斜め写真 垂直写真 正射画像 UAV 動画

災害対応 ( 台風 ) 6 推定浸水範囲 土砂崩壊 堆積地等分布図

災害対応 ( 平成 28 年鳥取県中部の地震 ) 7 平成 28 年鳥取県中部の地震対応について 地理院地図から情報を適時発信 垂直写真 正射画像 UAV 動画 干渉 SAR による地殻変動

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 年 8 月は 17 億タイル以上を配信 引き続き 平時 災害時を問わず 必要とされるときにご利用いただけるよう頑張ります 災害対応 平成 26 年 4 月 地理院タイルのアクセス状況 ( 月間 ) 平成 26 年 8 月 豪雨 ( 広島等 ) 平成 26 年 9 月 27 日 御嶽山噴火 平成 27 年 1 月 ( 地ス理マホ院対地応図なリどニュ ) ーアル 地理院タイルアクセス状況 ( 月間 ) グラフ (11 月 16 日更新 ) 平成 27 年 4 月 平成 27 年 9 月 関東 東北豪雨 平成 28 年 熊本地震 平成 28 年 8 月 台風 11 号及び 9 号 10 号 平成 28 年 鳥取県中部の地震 8 ( タイル ) 20 億 16 億 12 億 8 億 4 億 0

データの充実 9 写真の提供範囲の拡大等を実施

データの充実 10

本日の主な話題 11 < 半年間の進展 > 地理院タイルHTTP/2 対応 災害対応 データの充実 < 今後の予定 > 地理院地図 Globe 改良事項 シームレス写真レイヤ公開 色別標高図更新 ベクトルタイル提供実験項目追加

地理院地図の主な改良項目 12 1 3D にする範囲の選択 2 地下を含む高さを持ったデータの 3D 表示 3 レイヤがリクエストされる範囲の設定追加 4 複数のレイヤを一つのレイヤとして扱う機能 5 ベクトルタイルの描画方法の切り替え 6 距離計測の計算式の追加と切り替え 7 情報リストのタブ化 8 ユーザインターフェースの改良 9 表示画面を画像として保存 10 ヘルプボタンの拡張 11 グリッド表示 への集約と タイル座標 の表示

13D にする範囲の選択 13 3D データの作成 ダウンロード範囲の指定を可能にする < 設定 左上の座標 : 36.232314,140.095317 右下の座標 : 36.219332,140.116904 立体の大きさ : 512px 708px < 大 (2048px) < 小 (1024px) < ツール < 現在位置 < 3D 範囲確定 < カスタム < Globe( 試験公開 ) 任意の範囲の 3D プリンタ用データが取得可能

2 地下を含む高さを持ったデータの 3D 表示 14 高さを持ったデータ (KML) を WebGL で表示可能にする 断層モデルも表示可能に

3 レイヤがリクエストされる範囲の設定追加 15 レイヤがリクエストされる範囲を設定できるよう Layers.txt を拡張する { "type": "Layer", "id": "20160414kumamoto_0705dol", "title": " 阿蘇 3 地区正射画像 (7/5 撮影 )", "iconurl": "", "url": "http://cyberjapandata.gsi.go.jp/xyz/ "subdomains": "", "attribution": "", "errortileurl": "", "cocotile": false, bounds : 33.036154,130.927505 32.874541,131.065865 "minzoom": 10, "maxzoom": 18, "html": " " }, { Layer に bounds 属性を追加し リクエスト範囲を設定 (bounds 属性は leaflet に備わっているものを利用 ) レイヤへの空リクエストを減らし 閲覧のストレスを軽減

4 複数のレイヤを一つのレイヤとして扱う機能 複数のレイヤを見た目上 一つのレイヤとして扱えるよう Layers.txt を拡張する 16 平成 28 年熊本地震 > 写真正射画像 正射画像 LayerGroup に id 属性を追加し Group 以下の Layer すべてが選択 表示される { "type": "LayerGroup", id : 20160414kumamoto_dol title : 正射画像, "iconurl": //hogehoge/portal/sys/v4/symbols/081.png ", "toggleall": false, "entries": [ { 情報リストを整理

5 ベクトルタイルの描画方法の切り替え ベクトルタイルの描画方法をズームレベルによって SVG/Canvas と切り替え可能にする 17 ズームレベル ( 小 ) ズームレベル ( 大 ) Canvas: 描画が早い SVG: 属性照会が可能 Canvas で描画 Layer に styleurl 属性を追加し 任意の style.js の利用を可能にする (Layers.txt style.js の拡張 ) SVG で描画 "cocotile": true, styleurl : //hogehoge/xyz/style.js "minzoom": 16, "maxzoom": 18, "maxnativezoom": 16, "html": " " }, { ベクトルタイルの表示の幅を広げる

6 距離計測の計算式の追加と切り替え 18 距離計測に国土地理院の測量計算サイトで使用されている計算式を追加する http://vldb.gsi.go.jp/sokuchi/surveycalc /surveycalc /bl2stf.html より詳細な方法による距離の計測が可能に

7 情報リストのタブ化 19 情報リストをタブ化して整理する 主要なレイヤ情報に簡単にアクセス 災害情報などタイムリーなレイヤ情報をピックアップ 全レイヤ情報を網羅した詳細リスト トピック災害情報詳細 トピック災害情報詳細 トピック災害情報詳細 トピック 表示範囲に絞込み 平成 XX 年台風 号による大雨 表示範囲に絞込み 情報リスト 表示範囲に絞込み 空中写真 写真 ベースマップ 色別標高図 UAV 動画 空中写真 衛星画像 都市圏活断層図 浸水範囲 主題図 人口集中地区 ( 平成 22 年 ) 基準点 測地観測 空港等の周辺地域 災害対応 地形分類 他機関の機能 ベクトルタイル提供実験 初めての利用者でも主要なレイヤ情報へ容易にアクセス

8 ユーザインターフェースの改良 20 透過率はスライドバーで設定できるよう変更 レイヤの上下入れ替えをボタンで行えるよう変更 テキスト入力方法の改良 ( 従来のものと切り替え可能 ) 地理院地図をより使いやすく

9 表示画面を画像として保存 21 地理院地図の地図表示画面を 画像として保存できるようにする について 事務連絡 年 月 日 部 課 PNG 形式, ワールドファイル (PGW) 付 図 1: 位置図 資料作成等での利用がスムーズに

⑩ヘルプボタンの拡張 22 ヘルプページを詳細に確認しなくても 地理院地図の概要や主要な情 報が分かるようにヘルプボタンを拡張する ヘルプボタンを押すと地理院地図の概要等をスライ ダーで表示する 主な操作方法 詳細 初めての利用者でも使いやすく

11 グリッド表示 への集約と タイル座標 の表示 地域メッシュ 2 万 5 千分 1 地形図郭 を グリッド表示 へ集約し 新たに タイル座標 の表示機能を追加する 23 経緯度グリッド UTMグリッドタイル座標地域メッシュ 2 万 5 千分 1 地形図郭 中心十字線 < グリッド表示 磁北線 広域図 クリックで移動 ポップアップの複数表示 < 設定 < ツール < 現在位置 < 3D < Globe( 試験公開 ) タイル座標 ( ファイル URL) を簡単に調べることが可能

地理院地図 Globe の主な改良項目 24 1 ユーザインターフェースを地理院地図に合わせる 2 地理院地図とレイヤ情報を共有 全レイヤの表示に対応 3 地理院地図からの位置情報 選択レイヤの引継ぎ 4 高速化 Cesium のバージョンアップ ユーザインターフェース周りのライブラリの見直しなどチューニング

1 ユーザインターフェースを地理院地図に合わせる 25 検索機能 ヘルプ ボタン 情報 ボタン 機能 ボタン 地理院地図 3D ファイル読込 高さ倍率 リンクを取得 地理院地図の右クリック機能を実装 右クリックした箇所にピンを表示 結果は画面下ではなく別ウインドウで表示 地理院地図と同じ操作感で利用可能に

2 地理院地図のレイヤ情報を共有 全レイヤの表示に対応 26 地理院地図とレイヤ情報 (layers.txt) を共有し 地理院地図の全レイヤ ( 画像タイル ベクトルタイル KML GeoJson) が表示できるようにする 現在は画像タイルと注記ベクトルタイルのレイヤのみ表示 トピック 災害情報 詳細 トピック 表示範囲に絞込み 空中写真 地理院地図に地理院地図と同じレイヤあわせる 色別標高図 都市圏活断層図 人口集中地区 ( 平成 22 年 ) 空港等の周辺地域 地形分類 地理院地図の全レイヤが表示可能に

3 地理院地図からの位置情報 選択レイヤの引継ぎ 27 地理院地図で見ていた場所とレイヤを引き継いで 地理院地図 Globe に遷移するようにする (Globe 地理院地図も可能に ) 地理院地図 3D 地理院地図 地理院地図 Globe 地理院地図との連動強化

4 高速化 28 チューニング Cesium のバージョンアップ ユーザインターフェース周りのライブラリの見直しを実施 https://cesiumjs.org/ 地理院地図 Globe の表示速度の改善

成果は GitHub で公開します 29 改良後の地理院地図及び Globe のソースももちろん GitHub で公開予定です https://github.com/gsi-cyberjapan/gsimaps

シームレス写真レイヤ公開 色別標高図更新 30 シームレス写真レイヤ ベースマップの 写真 (2007 年 ~) の空白地域を埋めるため 各年代の写真タイルを組み合わせたシームレスな写真レイヤを作成中 空白地域 近々公開予定 色別標高図 現在の色別標高図は平成 25 年 10 月に公開 以後に整備された DEM5A/5B/10B の更新等を行うため 更新作業を実施中

ベクトルタイル提供実験項目追加 31 基盤地図情報 ( ポリゴン ) 基盤地図情報基本項目 ( ポリゴンデータも含めた全項目 ) のベクトルタイルを作成中 ベクトルタイル提供実験では 事業化に向けた検討を進めるため 随時 みなさまのご意見 活用事例の紹介を受け付けています アンケートにご記入ください もしくはベクトルタイル提供実験サイト (GitHub) にご連絡いただいても結構です ベクトルタイル提供実験サイト : https://github.com/gsi-cyberjapan/vector-tile-experiment 提供実験へご協力をお願いいたします