FOSS4GとWebによる地図公開の共有

FOSS4G と Web によ
る地図公開の共有
日本語仮訳

国土交通省　海外プロジェクト推進課
国際協力官
藤村　英範

1

電子国土の海外展開
• 日本で実証されたインフラの技術と政策を
海外展開することは日本の戦略のひとつ。

• 海外展開可能が見込まれる施策のひとつ：
基本測量・公共測量で得られた地図をオー
プンアクセスで提供すること＝電子国土

• 電子国土を海外展開できるか？

2

電子国土
国土地理院の Web マッピング戦略
• 様々な主体からの情報が国土地理院の公的地図
の上で共有されるべき。
• タイル化された地形図データ＋地図フレームを
制御し情報を重ね合わせる API 。
2003 年　電子国土 Web サービス開始

http://cyberjapan.jp/

3

電子国土 Web システム
• Version 1 (2003)
– Internet Explorer 用 Active X component + JavaScript
API Google Maps (2004)
日本版 Google Maps (2005)
• Version 2 (2008)
OpenLayers (2006)
– ピュア JavaScript API
• Version 3 (2011)
– OpenLayers 上に構築された JavaScript API
• Version 4 (2012)
– OpenLayers のアドオン
4

OpenLayers アプリケーション
電子国土 geoSERBIA

日本セルビア
OS OpenSpace geoportal.md

英国 Moldova The slippy
map
天地図
OSM
中国 5

オープンソースを通じた協力的な進化
電子国土は
OpenLayers の改良
に追従できる

日本は
電子国土の
システムを
相手国に
共有できる

OpenLayers を改良すること
で、誰もが電子国土を改良
できる 6

OpenLayers だけじゃない① :
他の Web マッピングライブラリ
様々なオープンソースタイルへのオープンアクセス
ライブラリをもちいた＋オープンソースライブラリ
、様々な実装

7

OpenLayers だけじゃない② :
地図タイル生成

2011 年ジグソーパズルのピースがはまった。
全パッケージ（少なくとも導入フェーズの）が完成。 8

TileMill – ジグソーパズルの最後のピース
Mapnik をレンダラに使用し、 Carto をスタイルシート言語に使用
し、 node.js を用いたローカル Web サーバを使用する地図作成のための
デザイン環境。デフォルトで TileMill はタイル画像の SQLite バンドル
である MBTiles を生成する。 3 項 BSD ライセンス。

この地図の作成に当たっては、国土地理院長の承認を得て、同院発行の基盤地図情報を使用した。 ( 承認番号平 24 情使、
第 29 号 ) / some map data (c) OpenStreetMap contributors
9

国土地理院の 2012 年 JICA 研修での
タイルベース Web マッピングの提案

TileMill
TileMill 講義
講義
ハンズオン
ハンズオン
10

TileMill ハンズオン
2012 年 JICA 環境地図（地球地図）作成コース
でのハンズオンを行ったところ、全研修生がタ
イルベース Web マッピングサービスを数時間で
構築できることが明らかになっ
た。 http://tiles.mapbox.com/fujimura-h2a3/map/Global_Map_Brazil

11

ハンズオンのステップ
1. TileMill のダウンロードとインストール
2. 地球地図のダウンロード
3. 地球地図を TileMill にロード
4. TileMill 内で地球地図をスタイリング
5. 地図の書き出しと公開

12

1. Download & Install
http://mapbox.com/tilemill/

13

2. Download Global Map data
http://www.iscgm.org/ -> Download

14

Start TileMill and create a New Project

15

Open the project you created.

16

“Add Layer” for Global Map data

17

“Add Layer” for Global Map data

18

Select data source
First try with polbnda.shp

19

SRS = WGS84 and “Save & Style”

20

You will see your data

21

To change the style of data…
Click to reflect the
Change to the map.

Edit to change the style.
Syntax: click on the left
Drag to change the draw order for help

22

Make a map

• Builtupa,watrcrsl, roadl, inwatera… 23

Scale dependent rendering
[zoom > n]

24

Next: export to the web
Step 1: project setting

Limit the spatial bounds and zoom
span so that the data size < 50MB

25

Export -> Upload

26

Now your map is ready on the Web.

27

発展 : テキスト注記

text-face-name, text-name, text-fill, text-
placement 28

発展 : 組み込み① iframe

This example available at
http://www.handygeospatial.info/2012/07/26/1/

29

発展 : 組み込み② Leaflet + Wax
You also need to download
some JavaScript library
files from
http://mapbox.com/publis
hing/leaflet/

This example available at
http://www.handygeospatial.info/2012/07/26/2/ 30

まとめ
• タイルベース Web マッピングは国家地図作
成機関の間で既に共通の好実践であり、そ
のプロセスは最近簡単になった。
• TileMill は、最初のパッケージの最後のピー
スであった。
• TileMill ハンズオンにおいて、 JICA 研修員は
数時間でタイルベース Web マップサービス
を公開することができた。
• 国家地図作成機関からのタイルベース Web
マッピングは、 FOSS4G のおかげで国際的
に推進し得る。
31

FOSS4GとWebによる地図公開の共有

More Related Content

Similar to FOSS4GとWebによる地図公開の共有 (20)

More from Hidenori Fujimura (8)

FOSS4GとWebによる地図公開の共有