Sharing the Openness

of the Maps viaFOSS4G and the

WebHidenori FUJIMURA

Director for International CooperationOverseas Project Division

Ministry of Land, Infrastructure, Transport and Tourism

1

Exporting Digital Japan

• One of Japan’s strategy is to export Japan’s proved technologies and policies on infrastructure to other countries.

• One prospective measure to be exported: Provision of open access to maps developed through basic and pubic survey, which is called Digital Japan.

• Can we export Digital Japan?

2

Digital Japan: GSI’s strategy in Web Mapping

• Information from different entities shall be shared over authoritative maps from GeoSpatial Information Authority of Japan (GSI)

• Tiled topographic map data + API to control map frame and to overlay information.

2003- Digital Japan Web started the service.

http://cyberjapan.jp/

3

Digital Japan Web System

• Version 1 (2003)– Active X component for Internet

Explorer + JavaScript API

• Version 2 (2008)– Pure JavaScript API

• Version 3 (2011)– Pure JavaScript API built on

OpenLayers library

• Version 4 (2012)– OpenLayers library add-on

Google Maps (2004)Google Maps/Japan (2005)

OpenLayers (2006)

4

OpenLayers applications

5

Japan Serbia

UK

ChinaOSM

Moldova

Digital JapangeoSERBIA

OS OpenSpacegeoportal.md

Tiantidu

The slippy map

Collaborative evolution via Open Source

6Everyone can improve Digital Japn by improving OpenLayers

Digital Japan can follow the evolution of OpanLayers

Japan can share the system for Digital Japan with other countries

Not only OpenLayers Pt. 1:other Web Mapping

Libraries

7

Various implementation using various open source library

Open web access to tiles + open source

library

Not only OpenLayers Pt. 2:map tiles generation

8In 2011 jigsaw has fallen into place – the whole package ready!(at least for introductory phase.)

TileMill – the last jigsaw piece

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

Design environment for cartography, constituting Mapnik as a renderer, Carto as a stylesheet language, a locally-served web interface with node.js. By default TileMill renders to an MBTiles, an SQLite bundle of tile images. 3-clause-BSD licensed.

Proposal of tile based web mapping in

JICA training courses 2012 in GSI

10

TileMill hands-on workshop

TileMill hands-on workshop

Lecture

Lecture

TileMill hands-on workshopA hands-on workshop in “JICA training course on Global Mapping for Sustainable Development” in 2012 probed that all participants could develop a tile based web mapping service within a few hours.http://tiles.mapbox.com/fujimura-h2a3/map/Global_Map_Brazil

11

Steps for the hands-on workshop

1. Download and Install TileMill.2. Download Global Map data.3. Load Global Map to TileMill.4. Style Global Map data inside

TileMill.5. Export and publish the map.

12

1. Download & Installhttp://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 sourceFirst try with polbnda.shp

19

SRS = WGS84 and “Save & Style”

20

You will see your data

21

To change the style of data…

Drag to change the draw order

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

Click to reflect theChange to the map.

22

Make a map

• Builtupa,watrcrsl, roadl, inwatera… 23

Scale dependent rendering[zoom > n]

24

Next: export to the webStep 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

Extra: text annotation

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

Extra: Embedding #1 (iframe)

29

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

Extra: Embedding #2 (Leaflet + Wax) You also need to download

some JavaScript library files from http://mapbox.com/publishing/leaflet/

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

Conclusion• Tile based web mapping is already a

common good practice among National Mapping Agencies (NMAs), and the whole process is now easy.

• TileMill was the last piece for the first package.

• JICA training participants could publish a tile based web mapping service within a few hours TileMill hands-on workshop.

• Tile based web mapping from NMAs can be internationally promoted thanks to FOSS4G. 31