Sharing the Openness of the Maps via FOSS4G and the Web
Download as PPT, PDF0 likes791 views
This document discusses exporting Digital Japan, which provides open access to Japanese maps, via open source tools. It describes how Geographic Information Authority of Japan (GSI) shares map data through web services using tiled topographic map data and APIs. It outlines the evolution of GSI's Digital Japan Web system from 2003 to support open standards like OpenLayers. The document also explains how open source tools like TileMill, OpenLayers, and other web mapping libraries allow anyone to generate map tiles and publish web mapping applications. It provides an example of a workshop where participants used TileMill to publish a tile-based web map of Brazil within a few hours.
![Scale dependent rendering
[zoom > n]
24](https://image.slidesharecdn.com/fujimurafoss4g2012tokyoen-121103152712-phpapp02/85/Sharing-the-Openness-of-the-Maps-via-FOSS4G-and-the-Web-24-320.jpg)
Sharing the Openness of the Maps via FOSS4G and the Web
- 1. Sharing the Openness of the Maps via FOSS4G and the Web Hidenori FUJIMURA Director for International Cooperation Overseas Project Division Ministry of Land, Infrastructure, Transport and Tourism 1
- 2. 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
- 3. 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
- 4. Digital Japan Web System • Version 1 (2003) – Active X component for Internet Explorer + JavaScript API Google Maps (2004) Google Maps/Japan (2005) • Version 2 (2008) OpenLayers (2006) – Pure JavaScript API • Version 3 (2011) – Pure JavaScript API built on OpenLayers library • Version 4 (2012) – OpenLayers library add-on 4
- 5. OpenLayers applications Digital Japan geoSERBIA Japan Serbia OS OpenSpace geoportal.md UK Moldova The slippy map Tiantidu OSM China 5
- 6. Collaborative evolution via Open Source Digital Japan can follow the evolution of OpanLayers Japan can share the system for Digital Japan with other countries Everyone can improve Digital Japn by improving OpenLayers 6
- 7. Not only OpenLayers Pt. 1: other Web Mapping Libraries Various implementation Open web access to tiles using various open + open source library source library 7
- 8. Not only OpenLayers Pt. 2: map tiles generation In 2011 jigsaw has fallen into place – the whole package ready! (at least for introductory phase.) 8
- 9. TileMill – the last jigsaw piece 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. この地図の作成に当たっては、国土地理院長の承認を得て、同院発行の基盤地図情報を使用した。 ( 承認番号 平 24 情使、 第 29 号 ) / some map data (c) OpenStreetMap contributors 9
- 10. Proposal of tile based web mapping in JICA training courses 2012 in GSI TileMill hands-on TileMill hands-on Lecture Lecture workshop workshop 10
- 11. TileMill hands-on workshop A 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
- 12. 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
- 13. 1. Download & Install http://mapbox.com/tilemill/ 13
- 14. 2. Download Global Map data http://www.iscgm.org/ -> Download 14
- 15. Start TileMill and create a New Project 15
- 16. Open the project you created. 16
- 17. “Add Layer” for Global Map data 17
- 18. “Add Layer” for Global Map data 18
- 19. Select data source First try with polbnda.shp 19
- 20. SRS = WGS84 and “Save & Style” 20
- 21. You will see your data 21
- 22. 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
- 23. Make a map • Builtupa,watrcrsl, roadl, inwatera… 23
- 24. Scale dependent rendering [zoom > n] 24
- 25. Next: export to the web Step 1: project setting Limit the spatial bounds and zoom span so that the data size < 50MB 25
- 26. Export -> Upload 26
- 27. Now your map is ready on the Web. 27
- 28. Extra: text annotation text-face-name, text-name, text-fill, text- placement 28
- 29. Extra: Embedding #1 (iframe) This example available at http://www.handygeospatial.info/2012/07/26/1/ 29
- 30. Extra: Embedding #2 (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
- 31. 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