令和元年11月28日（木）第11回地理院地図パートナーネットワーク会議

国土交通省国土地理院
地理空間情報部情報普及課
佐藤 壮紀

Ministry of Information
Land, Infrastructure,
Transport
Geospatial
Authorityof Japanand Tourism

本日の話題2

１．この１年の間に地理院地図で改良した事項
２．今年度これからの地理院地図の改良予定
３．地理院地図Vector（仮）の最新の状況

CSVファイル読込
住所リスト（CSVファイル）を、ドラッグ＆ドロップするだけで地図に表示できるようになりました。
住所リスト（CSV）形式①CSVファイルを地図上にドラッグ＆ドロップ

地図上にアイコンが表示されます

様々なアイコンを選択可能
住所の列が自動で選択されます②「上記の内容で読込開始」クリック※1 本機能は、東京大学空間情報科学研究センターが提供するジオコーディ
ング・サービスを利用しています。

地図の比較
地図を並べて比較することができるようになりました。
地図比較機能2画面表示機能

細かな変化を把握するのに役立ちます①「機能」クリック

広い範囲の変化を把握するのに役立ちます※2画面表示機能は従来からある機能です。

①「機能」クリック

2014年

1936年
②「ツール」クリック②「ツール」クリック③「２画面表示」クリック③「地図比較」クリック

ツマミを動かすことで地図の境目が移動
2014年「外堀通り」はかつての外濠に沿った道路であることがわかる
1936年

東京駅周辺の2014年と1936年の空中写真の比較

2009年

1947年
連動“ON”で２画面が連動します

代々木公園周辺の2009年と1947年の空中写真の比較

自分で作る色別標高図の改善

5ズームレベル14以下の自分で作る色別標高図がより精細になりました。
改善前

改善後

ZL15

ZL15

より精細に
ZL13

ZL13

「自然災害伝承碑」の公開

6

本年６月19日から「地理院地図」において、全国各地に建立されている自然災害伝承碑に関する情報（位置や伝承内容など）の公開を開始しました。

アイコンをクリックすると碑名や災害名が表示

新たに追加

さらに写真をクリックすると伝承内容や拡大写真が表示

災害からの教訓を学べる※自然災害伝承碑を示すアイコン

本日の話題7

１．この１年の間に地理院地図で改良した事項
２．今年度これからの地理院地図の改良予定
３．地理院地図Vector（仮）の最新の状況

地理院地図に対する潜在的ニーズ

8

今後は、いかに地理院地図を知ってもらうかが重要。
「国土交通省行政インターネットモニター」アンケート○実施時期：平成３１年１月２２日～２月１２日○対 象 者：１，０６９名（20代～70代の男女）○回 答 者：９４３名○回 答 率：８８．２％

Q.地理院地図の機能※を使用後の感想
知らなかったし興味を持たなかった ７％
以前より知っているが興味が薄れた ４％

その他 無回答
１％
４％※「自分で作る色別標高図」「２画面機能」「断面図機能」

以前から知っており興味があった（３２％）
知らなかったが興味をもった（５２％）
計（８４％）

・潜在的なニーズの高さを再確認
・認知度改善の余地が大きい

昨年の地理院地図パートナーネットワークでいただいたご意見9• 情報量や使える機能が非常に多いが、それを使いこなせるインターフェースや宣伝になっていないのではないかと感じる。災害の情報など、リストの上位にはなっているが、URL等で管理できるのであれば、特定のリンクを別ページに公表するなどあっても良いのではないか。

• すごく良い情報があるが、量が多いため、すぐに利活用が難しい。
• 「地形分類図」を「土地特徴を示した地図」の中に入れることは出来ないのですか。「治水地形分類図」は「土地の特徴～」の中に入っているので、どのデータがどこに入っているかが分かりにくいと感じることがあります。
• 表示可能データの一覧や説明がほしい。
• 地理の専門的な内容（単語）を知っている人ならば、かなり有意義に活用できると思うのですが、例えば学校現場で活用する際に、日本史や世界史、公民系の科目を専門としながら、地理の授業をやらなければいけない先生が活用するには難しいところが多くあると感じました。

今年度これからの地理院地図の改良予定

10①地理院地図の改良
 アイコン使ったデザインに変更し、直感的な操作が可能に スマホに適したユーザインターフェースを新たに作成
 その他、利便性向上のための機能開発を実施②地理院地図紹介サイトの作成

新規作成

 地理院地図の「ウリ」を分かりやすく説明
 具体的な目的別に、活用できる機能、地図・写真を案内
 操作説明の動画を作成

①地理院地図改良 イメージ（PC）

11

メニューにアイコンを使うことで、直感的に操作できるようにします。
地図の選択

標準

淡色 白地図写真

地図の種類

アイコンを使ってメニューを分かりやすく

作図

計測

ベースマップの切換え

断面図

その他の地図や写真の表示

地図の選択ができるウィンドウが表示

選択中の地図並べて比較

全国最新写真（シームレス）
合成

透過率

重ねて比較

i

磁北線 等距圏

標準地図
OFF

透過率

i
外部地図

標高：○○m
住所：○○

方位線

3D

外部タイル
読み込み

他

①地理院地図改良 イメージ（スマホ）12

新たに、スマホに適したデザインを作成します。

メニューアイコン
ホーム画面に追加
QRコード

URL
場所情報コード

現在位置
取得ボタンPC版で表示

①地理院地図改良 機能改良

13

さらなる利便性向上のための機能開発を実施します。
画像タイルのRGB値を取得して凡例を表示

自分で作る色別標高図の改良

標高値を自動設定

山地斜面等
山地・丘陵または台地の縁などの傾斜地

表示範囲の最低・最高標高から自動で色分け
RGB値
凡例の対応表があれば、画像タイルでも地図上をクリックすることで凡例を表示することが可能に
カラーパターンを選択可能

カラーパターンを数種類から選択可能に

②地理院地図紹介サイトの作成

14

地理院地図の「ウリ」が分かるようなページを作成します。
「ウリ」の簡単な説明
誰にとって役に立つのか＞ 地理院地図とは？

直リンクや動画による操作説明「ウリ」は何なのか

地理院地図紹介サイト トップページイメージ

②地理院地図紹介サイトの作成

15

教育・防災に関する具体的な目的別に、活用できる機能、地図・写真を案内します。
地理院地図を学校の地理・防災教育で活用しよう！
街の移り変わりを知ろう～年代別空中写真～

地理院地図を地方公共団体の防災業務で活用しよう！

災害に備える！
～あなたの街の土地の成り立ちと災害リスクの把握～

あなたの街の現在から過去を空中写真で見る事ができます。

明治時代の土地利用、土地の成り立ちから災害リスクが分かります。

白地図を利用しよう
あなたの街から日本地図まで色々な場所、縮尺の白地図をお使いいただけます。

土地の高さを知ろう

災害発生後に地理院地図を活用する～被害状況の把握～
国土地理院では被災地の空中写真撮影を行っています。
それと被災前の写真を比べることで、被害の状況が分かります。

色で標高が分かる地図や地形断面図が簡単につくれます。微地形の学習にも。

上記以外にも具体的なページを作成

上記以外にも具体的なページを作成

②地理院地図紹介サイトの作成

16

個別の機能の使い方を説明した短い動画を複数作成します。
地理院地図でどのようなことができるか、より分かりやすくなります。
初めて地理院地図を使う人
でも操作方法が分かる

ひと目で内容が分かるタイトルイメージ

動画とキャプションで操作方法を説明

地理院地図動画イメージ

本日の話題17

１．この１年の間に地理院地図で改良した事項２．今年度これからの地理院地図の改良予定
３．地理院地図Vector（仮）の最新の状況

地理院地図Vector（仮称）試験公開

18

7月29日に自分で地図をデザインできるウェブ地図「地理院地図Vector」を試験公開しました。

地図右ドラッグ
地図が回転

おすすめの地図よく使われる地図を１クリックで表示

地図右クリック
選択した地物の属性が表示され、その種類のデザインを編集可能

詳細ボタン
地物の種類ごとに表示/非表示切り替え、地図表現の変更、レイヤー順序変更

地図の回転と鳥瞰表示をリセット
地図の拡大・縮小

コンテキストメニュー
十字線（画面中央）またはクリック位置の情報を表示

地理院地図Vectorの開発

19○ ベクトルタイルを公開するためには、①ベクトルタイルの生成、②スタイリング（地図のデザイン）、③デザインした地図を見ることのできるウェブサイトの作成が必要②スタイリング（デザイン）.json①ベクトルタイルの生成.pbf③ウェブサイト.html.js.css

①ベクトルタイルの生成

20

データ仕様
Mapbox Vector Tile Specificationと同一

作成方法
数値地図（国土基本情報）【.shp】
UN Vector Tile Toolkit

加工（属性の削除・編集）、変換等

ベクトルタイル【.pbf】

工夫した点• データ容量を小さくするために、描画に不要な属性は削除した

②スタイリング（デザイン）

21

データ仕様
Mapbox Style Specificationをベースに、建物のハッチングを表現をする等のために若干拡張

作成方法

ハッチング

ラスタの地理院タイルのスタイルを参考にスタイルファイルを作成。（全く同一ではない）

工夫した点• スタイルレイヤ数が多ければ多いほど（地図デザインが複雑であれば複雑であるほど）特に初期表示が遅くなることが明らかになったことから、多少の表現の簡素化を行っている。
（例：立体交差の簡素化、中央分離帯の非表示 等）• 注記同士が重なった場合は、自動的に一方を非表示にするようにしているが、元データが１文字ずつ位置情報を持っている場合はオーバーラップを認めることとした。

地理院地図
デザインの簡素化

Vector
１文字ずつ位置情報を持っている注記の処理

①ベクトルタイルの生成と②スタイリングに関しての課題 22
透過表示にすると濃くなる箇所がある

駅が表示
されていない旗竿のはずなのだが・・・

１．文字化けで地物が抜けている→９月３日修正

駅名が駅から離れすぎ

２．水域ポリゴンが２重になっている

３．鉄道の旗竿表示

鉄道高架が目立ちすぎ？

本当はココポリゴンがおかしい
４．注記が離れすぎ

５．ポリゴンの表示がおかしい→11月19日一部修正

６．スタイルの更なる改善

改善のための技術的調査を日々進めています③ウェブサイト

23

使用ライブラリ
Mapbox GL JS

サイト作成の目的• ベクトルタイルの普及、ニーズ開拓。
• そのために、デザインの変更ができるというベクトルタイルの利点を体験できるようにした。
• 特に、学校教育現場や防災分野で活用が見込まれることから、白地図や、写真に地名を重ねた地図などをワンクリックで表示できるようにした。

③ウェブサイトに関しての課題→今年度改良予定

24

課題

1. データ構造が複雑なためで、例えば「幅員13m以上の道路を表示」としたいときにあまりにもクリック数が多い。
2. 上乗せのベクトルタイルの表示。
3. 印刷機能等、現行の地理院地図実装している機能のうち、必要な機能の実装
現状では、地理院地図でできている凡例のポップアップ表示ができない

現状では、さまざまな道路種別ごとに設定が必要

１．簡単に「幅員13m以上の道路を表示」といったことができないか。

２．上乗せのベクトルタイルの表示

並び替え機能の実装

25例）「13m以上」の道路のみを表示したい場合→１階層目を「幅員区分」で並び替えしたのち、表示／非表示の設定を行う

デフォルトの状態

クリック

並び替え方法のパネルが表示

ソート方法
●道路分類
○幅員区分
○道路状態

１階層目（道路）を「幅員区分」で並び替えしたい

ソート方法
○道路分類
●幅員区分
○道路状態

クリック

１階層目が「幅員区分」で並び替えされた状態「幅員13m以上」の道路のみを表示

幅員13m以上の道路のみ表示させたい→13m未満を非表示にクリック

皆様へのお願い26

一緒にベクトルタイルを盛り上げて行きましょう！
○ 地理院地図Vectorのソースファイルやデータ仕様はGitHubで公開しています。
地理院地図Vector

https://github.com/gsi-cyberjapan/gsimaps-vector-experiment○ 地理院地図Vectorに関する改善要望についても、上記ページの「Issues」からお寄せください。

○具体的な改善手法をご存じの方は、その方法を提案いただけると嬉しいです。
○皆様と一緒にベクトルタイルを盛り上げて行きたいと思っています。