平成29年6月8日（木）第7回地理院地図
パートナーネットワーク会議

国土交通省国土地理院
地理空間情報部情報普及課
出口 智恵
1
Ministry of Information
Land, Infrastructure,
Transport
Geospatial
Authorityof Japanand Tourism本日の主な話題
１．機能改良地理院地図で海外３Ｄ対応（Ｈ28.12.20）
計測機能（距離、面積）の精度向上（H29.2.15）
地理院地図、Globe改良（H29.3.14）
２．データの充実
淡色地図ZL2-11公開（H29.1.31）
標高タイル更新（H29.2.16）
色別標高図更新（H29.2.24）
シームレス写真レイヤ全国公開（H29.3.14）
戦前の空中写真公開（H29.4.28）
３．ベクトルタイル
４．その他

2

地理院地図で海外3D対応（Ｈ28.12.20）
地理院地図で「機能」→「３D」をクリック

表示範囲が3D表示されます

3計測機能（距離、面積）の精度向上（H29.2.15）

4距離計測・面積計測の計算式をより精度の高いものに変更しました

地球を回転楕円体とみなした近似式により計算より精度の高い計測が可能に

地理院地図の主な改良（Ｈ29.3.14公開）

5① 地下を含む高さを持ったデータの3D表示② 3Dにする範囲の選択③ 情報リストのタブ化④ ユーザインターフェース等の改良⑤ 表示画面を画像として保存⑥ ベクトルタイルの描画方法の切り替え⑦ 「グリッド表示」への集約と「タイル座標」の表示⑧ 複数のレイヤを一つのレイヤとして扱う機能⑨ レイヤがリクエストされる範囲の設定追加⑩ ヘルプボタンの拡張

① 地下を含む高さを持ったデータの３Ｄ表示
高さを持ったデータ（KML）を3Dで表示できるようになりました
斜め視点

横視点

平成28年熊本地震の震源分布と震源断層モデル

撮影時

離発着時

西之島撮影におけるUAVの飛行航路

実際の断層モデルの形状や大きさをわかりやすく表示することができます6

（事例）H28.4 熊本地震

7

これまでの公表資料• 地震に伴う断層破壊の広がりを、点（余震分布）ではなく面（断層面）の情報で示すことで、地震による被災状況予測に役立つ⇒ 迅速な救助・復旧に寄与

2Dで水平範囲は把握できる一方、断層の深さ（地表までの距離）は把握しづらい（事例）H28.4 熊本地震
断層の滑りが地表付近まで達していることが分かる！

http://maps.gsi.go.jp/8

② 3Dにする範囲の選択
3D表示する範囲を地図上で選択できるようになりました

任意の範囲の3Dプリンタ用データも取得可能

9

③ 情報リストのタブ化

10

情報リストをタブ化し、主要な情報が見つけやすくなりました
主要なレイヤ情報に簡単にアクセス

ベースマップの切替も簡単に

全レイヤ情報を網羅した詳細リスト

地震などの災害が発生した際、その災害に関連する情報をまとめたタブを、一時的に設置することも想定

初めての利用者でも主要なレイヤ情報へ容易にアクセス

④ ユーザインターフェース等の改良

11

操作パネルを改良し、操作がわかりやすくなりました
合成機能を追加し、重ね合わせがより便利になりました（IEは未対応）
透過率はスライドバーで設定できるよう変更しました
レイヤの上下入れ替えをボタンで行えるよう変更しました
テキストの文字装飾がボタン式になりました
合成機能のON/OFF

画像レイヤの上下入替

透過率設定バー

地理院地図をより使いやすく

文字装飾がボタンで（HTMLにも切替可）

⑤ 表示画面を画像として保存

12

地図画面を画像として保存できるようになりました
事 務 連 絡○×年○月×日■■部△△△課○×△について・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

PNG形式で画像を保存できます
ワールドファイルも併せて保存できます（GISソフトで利用時のEPSGコードは「3857」）

図1：××位置図

資料作成等での利用がスムーズに⑥ ベクトルタイルの描画方法の切り替え

13

ベクトルタイルの描画方法をSVG/Canvasと切り替えできます
線・面データ

点・線・面データ

Canvasで描画

SVGで描画

Canvasは描画が早い。
アンダーズーミングでの表示も実装。
layerに”styleurl”属性を追加し、任意のstyle.jsが利用可能に（layers.txt、style.jsの拡張）{"type": "Layer","id": "experimental_rdcl","title": "地図情報（道路中心線）","iconUrl": "","url": "https://maps.gsi.go.jp/xyz/……
"styleurl" : “https://……/style_canvas.js","subdomains": "",………

ベクトルタイルの表示の幅を広げる⑦ 「グリッド表示」への集約と「タイル座標」の表示

14

各種グリッドを集約し、「タイル座標」を表示できるようになりました「地域メッシュ」と「2万5千分1地形図郭」をグリッド表示に集約「タイル座標」と地理院タイル一覧に記載のURLから、タイルのURLを調べることもできます※上図の青枠の写真タイルのURLは

http://cyberjapandata.gsi.go.jp/xyz/seamlessph
oto/15/29134/12855.jpg

タイル座標（≒ファイルURL）を簡単に調べることが可能

⑧ 複数のレイヤを一つのレイヤとして扱う機能
複数のレイヤを一つのレイヤとして扱えるようになりました{

layerGroupに”id”属性を追加し、Group以下のLayerすべてを選択・表示"type": "LayerGroup","title": "正射画像(まとめ)","id": "20160414kumamoto_ort_all","iconUrl": "","toggleall": true,"entries": [{情報リストを整理15

⑨ レイヤがリクエストされる範囲の設定追加

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": "“},{……

layerに”bounds”属性を追加し、リクエスト範囲を設定
熊本地震のレイヤ「正射画像（まとめ）」では、複数レイヤを1つのレイヤとして扱っているが、レイヤのそれぞれにリクエスト範囲を設定しており、空リクエストを減らしているレイヤへの空リクエストを減らす

⑩ ヘルプボタンの拡張
地理院地図の概要や主な機能、関連リンクを紹介しています「 ？ 」をクリック！

初めての利用者でも使いやすく

17

地理院地図Globeの主な改良（Ｈ29.3.14公開）

18① ユーザインタフェースの改良② 地理院地図の全レイヤの表示に対応③ 海外の地形も3D表示④ 地理院地図での閲覧情報を引き継いで表示⑤ 表示速度の高速化（PNG標高タイルの導入等）

① ユーザインターフェースサイトの改良

19

サイト構成を地理院地図と合わせました
表示可能な情報のリストを表示し、透過率等の設定ができます。

ファイルの読込や高さ倍率の変更ができます。

視点を初期位置に戻します。

地理院地図と同じ操作感で利用可能に

② 地理院地図の全レイヤの表示に対応

20

地理院地図の全レイヤの表示に対応しました

写真判読図

UAV動画

都市圏活断層図

火山土地条件図

表示可能な情報の充実

③ 海外の地形も3D表示可能

21

海外も３D表示可能（ヒマラヤ周辺：高さ強調9倍）

海外の地形も直感的にわかりやすく※海外の標高データには、地球地図全球版標高第2版を利用しています。

④ 地理院地図での閲覧情報を引き継いで表示

22

地理院地図で見ていた場所と情報を引き継いで表示できるようになりました（地理院地図）（地理院地図Globe）「機能」→「Globe」をクリック

地理院地図で見ていた場所と情報を引き継いで表示

情報表示の効率化

⑤ 表示速度の高速化（PNG標高タイルの導入等）

23

地理院地図Globe高速化のため、地形データによりデータサイズの小さいPNG標高タイルを作成・採用

標高値をRGB値に変換
PNG標高タイル

現在の標高タイル（CSV形式）
1タイルのデータサイズ：

約450KB

約100KB

1タイルのデータサイズ：（各ピクセルのRGB値から標高値を算出して利用）【PNG標高タイルの世の中の動向】• 産総研がシームレス地質図3Dで使用• 海外のウェブ地図プロバイダー（Mapbox）がソフトウェアと一緒に提供⑤ 表示速度の高速化～検証結果～

24

CSV形式からPNG形式へ変更したことによる効果
1タイルあたりの表示（ダウンロード＋処理）時間が、約35％に減少
（ms）
250

表示時間

csv

194

200

png
170

169
138

150
100

5750

715652※3回計測した結果の平均値

010/908/403

10/908/402

11/1822/803

12/3644/1607

タイル座標

その他、チューニングにより起動時に読み込むファイルを見直した効果
初期表示に必要な時間が、約80％に減少
6000

（ms）
106328
4963

4000
2000
0

表示時間

ファイル数

8000

88.48
7.026※3回計測した結果の平均値

42

チューニング前 チューニング後0

チューニング前 チューニング後

成果はGitHubで公開しています

25

改良後の地理院地図及びGlobeのソースももちろん、GitHubで公開しています。
https://github.com/gsi-cyberjapan/gsimaps

26
年

26489月27

平成
台風

日 御嶽山噴火
11 28

94
10

年 月号及び28号・ 号

月

平成 年
熊本地震

タイルアクセス数
年

4月

平成

27

年

平成月 豪雨（ 広島等）

年

月

26

平成 年 月関東・東北豪雨

平成

平成

2014/04
2014/05
2014/06
2014/07
2014/08
2014/09
2014/10
2014/11
2014/122015/01
2015/02
2015/03
2015/04
2015/05
2015/06
2015/07
2015/08
2015/09
2015/10
2015/112015/122016/01
2016/02
2016/03
2016/04
2016/05
2016/06
2016/07
2016/08
2016/09
2016/10
2016/112016/122017/012017/022017/032017/04

地理院タイル アクセス数の推移
26

地理院タイルのアクセス状況（月間）
（タイル）

20億

27

16億

912億

アクセス数は右肩上がりで増加中
特に、地理院地図以外からの利用が増加傾向にあります。
ありがとうございます！
8億

8

4億

うち地理院地図以外から

0月間約18億タイルって？
A4地図 約１.3億枚分に相当。
毎日、約440万人がＡ４地図を利用した場合に相当

地理院地図サーバ27

本日の主な話題
１．機能改良地理院地図で海外３Ｄ対応（Ｈ28.12.20）
計測機能（距離、面積）の精度向上（H29.2.15）
地理院地図、Globe改良（H29.3.14）
２．データの充実
淡色地図ZL2-11公開（H29.1.31）
標高タイル更新（H29.2.16）
色別標高図更新（H29.2.24）
シームレス写真レイヤ全国公開（H29.3.14）
戦前の空中写真公開（H29.4.28）
３．ベクトルタイル
４．その他

28

淡色地図ズームレベル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年）

道路

本日の主な話題
１．機能改良地理院地図で海外３Ｄ対応（Ｈ28.12.20）
計測機能（距離、面積）の精度向上（H29.2.15）
地理院地図、Globe改良（H29.3.14）
２．データの充実
淡色地図ZL2-11公開（H29.1.31）
標高タイル更新（H29.2.16）
色別標高図更新（H29.2.24）
シームレス写真レイヤ全国公開（H29.3.14）
戦前の空中写真公開（H29.4.28）
３．ベクトルタイル
４．その他

33

地理院地図/地理院タイル
タイル･･･ウェブ配信用にタイル分割されたデータ
小縮尺

大縮尺

表示範囲のみダウンロード

縮尺に応じた画像がタイル状に用意されている。
地図表示の際には、必要な範囲のみデータをダウンロードするので、表示が高速に行える。

地理院タイル
画像タイル（これまでの形式）

ベクトルタイル（提供実験中）{ "type": "FeatureCollection","features": [{ "type": "Feature","geometry": {"type": "Point","coordinates":[140.086039,36.104928]},"properties":"class":"NRPt","rID":"","giid":"","lfSpanFr":"2013-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年度からの提供事業化を目指すベクトルタイル提供による効果（１）
ユーザ側で地物の表示・非表示やスタイルが自由に変更できる

オリジナル白地図（道路縁・河川中心線・建築物の外周線）

鉄道路線図（鉄道中心線・注記[路線名/駅名]）→ ウェブ上で、目的・コンセプトに応じた地図が作成可能ベクトルタイル提供による効果（２）クリックすると解説が表示され、凡例不要で読解できる
今までは…

凡例と見比べながら読み解く必要ベクトルタイルを使うと…

すぐに＆確実に情報を把握可能ベクトルタイル提供実験

38

国土地理院研究開発基本計画• 今年度の検討事項（予定）– ベクトルタイルの作成手法と整備項目について– ベクトルタイルを用いて最適な背景地図を描画する技術について
ベクトルタイル提供実験では、事業化に向けた検討を進めるため、随時、みなさまのご意見、活用事例の紹介を受け付けています。
※ベクトルタイル提供実験サイト（GitHub）
https://github.com/gsi-cyberjapan/vector-tile-experiment

その他

39

• 地理院地図パートナーの方々に、地理院地図／地理院
タイルに関するアンケートを実施予定です。
ご協力よろしくお願いします。