Create tiled map using Global map (2018)

Transcript

1. Create tiled map using Global map Taro Matsuzawa Georepublic 2018/10/17 JICA 2018 Seminar 1 https://github.com/smellman/creating_tiles_with_global_map_support_files
2. Self-Introduction • Senior Developer of Georepublic • Programming: Python, Ruby, JavaScript, Java, and others • Computer skill: UNIX and Linux, Networking(L1 to L7), Virtual Machine (VirtualBox, KVM, Docker) • GIS skill: Data processing, Tile • Computer community: • OSGeo.JP • OpenStreetMap Foundation Japan • Japan Unix Society • Mozilla community in Japan • Contact: taro@georepublic.co.jp or @smellman 2018/10/17 JICA 2018 Seminar 2
3. Topics: • Introduction of the tile technology • Introduction of software and global map • Vector Tiles • Create Vector Tiles from vector files • Styling Vector Tiles • Create Raster Tiles from Vector Tiles and style • Raster Tiles • Create Raster Tiles from a raster file • Hosting 2018/10/17 JICA 2018 Seminar 3
4. Introduction of the tile technology 2018/10/17 JICA 2018 Seminar 4
5. Tile technology • Provide map images or data over the internet. • Map images are separated as tile. • Zoom Level 0 = World • Each zoom level doubles in the dimensions. • Too many tiles use “Web Mercator projection”. • Structure of tile is useful to web. • Scroll, zoom up/down with AJAX request. • Tile become known for Google Maps. • Tile has existed from the late 1990s. 2018/10/17 JICA 2018 Seminar 5 https://a.tile.openstreetmap.org/0/0/0.png
6. Zoom • Zoom level 0 : 1 file • Zoom level 1 : 2 x 2 = 4 files • Zoom level 2 : 4 x 4 = 16 files … • Zoom level 18 262,144 x 262,144 = 68,719,476,736 files 2018/10/17 JICA 2018 Seminar 6
7. Request • Many service use REST API (GET). • https://…/Z/X/Y.Format • Z = Zoom Level • X = X coordinate • Y = Y coordinate • Format • Raster image format (png, jpg, webp) • Vector data format (pbf, mvt) 2018/10/17 JICA 2018 Seminar 7
8. Request example • http://a.tile.openstreetmap.org/3/2/4.png • Zoom=3, X=2, Y=4, format=PNG • X and Y coordinates start with 0. 2018/10/17 JICA 2018 Seminar 8
9. Web Mercator • Cut off coverage at 85.051129
   north and south. • EPSG:3857 • Famous as “OpenLayers:900913” (Google) 2018/10/17 JICA 2018 Seminar 9 85.051129
   -85.051129
   
10. Specification • Two tile service specifications • Tile Map Service (TMS) • Web Map Tile Service (WMTS) • TMS is simple than WMTS. • TMS’s X Y coordinate is started from bottom left. • Same as Cartesian coordinate system. • WMTS‘s X Y coordinate is started from top left. • Same as Coordinate system for 2D computer graphics. 2018/10/17 JICA 2018 Seminar 10
11. Difference between TMS and WMTS 2018/10/17 JICA 2018 Seminar 11 TMS WMTS
12. The Y coordinate flipped • OpenStreetMap use TMS like protocol but The Y coordinates are numbered from top left. • If take no thought of meta data, Y coordinate flipped TMS equals WMTS. • GSI Map use this rule too. • OpenStreetMap call “Slippy Map” • We call zxy tile • {z}/{x}/{y}.png • Also call xyz tile 2018/10/17 JICA 2018 Seminar 12
13. ZXY Tile • De facto standard of tile. • Web Mercator • Y coordinate flipped TMS • Provide REST API • {z}/{x}/{y}.{format} • Anyone provide “Specification” • Too many libraries supports ZXY Tile. 2018/10/17 JICA 2018 Seminar 13
14. Raster tile • Provides “rendered image”. • The image doesn’t have ”data”. • Focus to visualization. • Enable to scroll and zoom up/down. • GSI provides tile of “digital elevation model” as PNG format. • The elevation value obtainable by calculating with RGB values. 2018/10/17 JICA 2018 Seminar 14
15. Vector Tile • Provides “Vector data”. • Each tile contains “Vector data” • The tile like a data container. • Vector tile doesn’t have style. • Client render image with style settings. • Easy to rotation and bearing. • Supports 3D view. • Also vector tile use only provide data. • Programmable • Client can modify styles. 2018/10/17 JICA 2018 Seminar 15
16. Vector Tile example – Multilingual 2018/10/17 JICA 2018 Seminar 16 https://openmaptiles.org/languages/
17. Vector Tile example – Ordnance Survey 2018/10/17 JICA 2018 Seminar 17 https://www.ordnancesurvey.co.uk/business-and-government/products/os-open- zoomstack.html
18. Mapbox Vector Tile • Vector Tile specification by Mapbox Inc. • De facto standard of Vector Tile in current. • Specification • A tile encoded by Google’s Protocol Buffer format. • Designed with Web Mercator. • Supports Layers and Features. 2018/10/17 JICA 2018 Seminar 18
19. Mapbox GL ecosystem and Style Specification • Mapbox GL ecosystem • Mapbox provides Mapbox GL JS(Web), Mapbox GL Native(Smartphone and Desktop application) and too many convert tools. • Mapbox provides specification of styling. • https://www.mapbox.com/mapbox-gl-js/style-spec/ 2018/10/17 JICA 2018 Seminar 19 Tiles Style Mapbox GL Client render in display
20. tileserver-gl & Maputnik • Mapbox provides Mapbox Vector Tile and Style editor as commercial service. • tileserver-gl is OSS software to provide Mapbox Vector Tile and style(includes fonts and sprite image) • It allows raster image hosting with server side rendering. • Maputnik is OSS Mapbox Style editor. • It allows to design with GUI. • Also, you can make the style with text editor. 2018/10/17 JICA 2018 Seminar 20
21. Client Platform Library Raster Tile Mapbox Vector Tile Javascript Leaflet OK Plugin OpenLayers 4 OK OK Mapbox GL JS OK OK (*1) Tangram (*2) OK OK Android Mapbox GL Native OK OK Google Maps SDK OK NG iOS Mapbox GL Native OK OK Mapkit OK NG 2018/10/17 JICA 2018 Seminar 21 *1: Android webview is supported but buggy. *2: Tangram will be duplicate
22. Introduction of software and global map 2018/10/17 JICA 2018 Seminar 22
23. Requirements • Supported OS in this seminar • Windows 10 Pro with Creators update • Use Docker for Windows • Ubuntu 18.04 • Hardware • 4GB memory • Windows laptop requires 8GB memory • Docker requires to allocate 2GB memory but too many laptop memory shared with Video-RAM. 2018/10/17 JICA 2018 Seminar 23
24. Software • Processing • QGIS or GDAL/OGR • tippecanoe • Hosting server • tileserver-gl • Design • Maputnik 2018/10/17 JICA 2018 Seminar 24
25. Global map - introduction • Digital geographic information • Provided by International Steering Committee for Global Mapping (ISCGM) • Composed of 8 Data Sets • Vector Data (Transportation, Boundaries, Drainage, Population Centres) • Raster Data (Elevation, Vegetation, Land Cover, Land Use) • Free for non-commercial use. 2018/10/17 JICA 2018 Seminar 25
26. Global map - archives • Archives and website were moved into github by GSI. • https://github.com/globalmaps • https://globalmaps.github.io/ • Old website was closed • Some countries provides global map archives at the national site. • All links: https://github.com/globalmaps/projectmanagement/ blob/master/REPOS.md • Some links are dead now. 2018/10/17 JICA 2018 Seminar 26
27. Global map - formats • Vector data provide as Shapefile. • It was provide as Geography Markup Language (GML) format. • Raster data provide as GeoTiff file. • It was provide as Band interleaved by line (BIL) format. 2018/10/17 JICA 2018 Seminar 27
28. Global map - versions • The data meaning are different between versions. • Example: • gmlk10 https://github.com/globalmaps/gmlk10 • Global map version 1.x in Sri-Lanka. • gmlk20 https://github.com/globalmaps/gmlk20 • Global map version 2.x in Sri-Lanka. • You can download all specifications: • https://github.com/globalmaps/specifications 2018/10/17 JICA 2018 Seminar 28
29. Vector Processing 1 2018/10/17 JICA 2018 Seminar 29 1. Convert Shapefiles to GeoJSON files using QGIS or ogr2ogr. 2. Generate Mapbox Vector tile from GeoJSON files using tippecaneo. Shapefile GeoJSON Mapbox Vector Tile
30. Vector Processing 2 2018/10/17 JICA 2018 Seminar 30 tileserver-gl Mapbox Vector Tile maputnik 4. Making custom style and upload. Check design 3. Create server in localhost.
31. Raster Processing 2018/10/17 JICA 2018 Seminar 31 1. Open in QGIS 2. Enable to transparent. 3. Output TMS tiles. 4. Convert TMS tiles to zxy tiles.
32. Create vector tile from vector file 2018/10/17 JICA 2018 Seminar 32
33. Download Sri Lanka data • Open following urls: • https://github.com/glo balmaps/gmlk10 • https://github.com/glo balmaps/gmlk20 • Click ”Clone or download” and click “Download ZIP”. • Extract ZIP file. 2018/10/17 JICA 2018 Seminar 33
34. Convert Shapefiles to GeoJSON files 1. Start QGIS 2. Open Shapefile in gmlk20. 3. Right click the layer and select “Save as”. 4. Select ”GeoJSON” in Format. 5. Input File name and save. 2018/10/17 JICA 2018 Seminar 34
35. Result 2018/10/17 JICA 2018 Seminar 35
36. tippecanoe • Tippecanoe is tool to build Mapbox Vector Tile from GeoJSON. • Tippecanoe is difficult to run in Windows. • You need build from source. • Mapbox provides “Dockerfile” to build ”Docker image”. 2018/10/17 JICA 2018 Seminar 36
37. Docker • Docker is the famous technology as “software container platform”. • ”software container” is focus to run “software”. • It is easy way to run Unix software in Windows. • Docker provides windows version. • Based on Hyper-V virtualization technology. • Windows 10 Pro can enable Hyper-V. 2018/10/17 JICA 2018 Seminar 37
38. Install Docker for Windows 1. Enable Hyper-V 2. Go to https://www.docker.com/ and get installer from “Get Started” in header. 3. Install and reboot. 2018/10/17 JICA 2018 Seminar 38
39. tippecanoe instraction • Download tippecanoe ZIP archive: • https://github.com/mapbox/tippecanoe • Extract it. • Execute PowerShell. • Change directory to extract directory. • Run following: 2018/10/17 JICA 2018 Seminar 39 > docker build –t tippecanoe:latest .
40. Generate Mapbox Vector Tile from GeoJSON. 2018/10/17 JICA 2018 Seminar 40 > cd PATH_TO/gmlk20_master > docker run -it --rm -v ${PWD}:/data tippecanoe:latest tippecanoe -o /data/lka.mbtiles -L airp:/data/airp_lka.geojson -L builtupp:/data/builtupp_lka.geojson -L coastl:/data/coastl_lka.geojson -L inwatera:/data/inwatera_lka.geojson -L polbnda:/data/polbnda_lka.geojson -L polbndl:/data/polbndl_lka.geojson -L raill:/data/raill_lka.geojson -L riverl:/data/riverl_lka.geojson -L roadl:/data/roadl_lka.geojson -v is volume option, PWD(print working directory) mount to /data -o filename: output will be /data/lka.mbtiles (gmlk20_master/lka.mbtiles) -L name:file.json: Specify layer names for individual files “-it –rm –v” are docker options, -o and –L are tippecanoe options.
41. Run tileserver-gl • Access to localhost:8080 in your browser. 2018/10/17 JICA 2018 Seminar 41 > cd PATH_TO/gmlk20_master > docker run --rm -it -v ${PWD}:/data -p 8080:80 klokantech/tileserver-gl
42. Check tile • Select inspect link, browser shows vector tile data. 2018/10/17 JICA 2018 Seminar 42
43. mbtiles • MBTiles is container of tile. • MBTiles is single file database (SQLite). • TMS schema (not zxy). 2018/10/17 JICA 2018 Seminar 43
      blob 0 0 0 (binary) … … … … 241 362 9 (binary)
44. Setup tileserver-gl • Create working directory “tileserver” and create “data” and “styles” directory under working directory. • Download ZIP archives from following urls and extract: • https://github.com/openmaptiles/fonts/tree/gh-pages • https://github.com/openmaptiles/osm-bright-gl- style/tree/gh-pages • Copy lka.mbtiles under “tileserver¥data” 2018/10/17 JICA 2018 Seminar 44
45. 2018/10/17 JICA 2018 Seminar 45
46. Create template style - 1 • Access to https://maputnik.github.io/editor/ • Select Open in top menu. • Select “Empty Style” from “Gallery Styles”. 2018/10/17 JICA 2018 Seminar 46
47. Create template style - 2 • Select “Export” in top menu. • Click Download button in Export Style. 2018/10/17 JICA 2018 Seminar 47
48. Create template style - 3 • Create ”styles” directory under “tileserver” directory. • Copy downloaded style file (JSON file) to “styles” directory and rename to “globalmap.json”. • Open ”globalmap.json” file in Text Editor. • Modify “name”, “glyphs” and “sprites”. 2018/10/17 JICA 2018 Seminar 48
49. Create template style - 4 2018/10/17 JICA 2018 Seminar 49 --- globalmap-orig.json 2017-10-12 23:33:29.000000000 +0900 +++ globalmap.json 2017-10-12 23:35:06.000000000 +0900 @@ -1,6 +1,6 @@ { "version": 8, - "name": "Empty Style", + "name": "Global Map Style", "metadata": { "mapbox:autocomposite": false, "mapbox:type": "template", @@ -8,8 +8,8 @@ "openmaptiles:version": "3.x" }, "sources": {}, - "glyphs": "https://demo.tileserver.org/fonts/{fontstack}/{range}.pbf", + "glyphs": "{fontstack}/{range}.pbf", "layers": [], - "sprites": "https://demo.tileserver.org/fonts/{fontstack}/{range}.pbf", + "sprite": "sprite", "id": "yvib4c9ax"
50. Create config file for tileserver-gl. • tileserver-gl read “config.json” file in current directory. 2018/10/17 JICA 2018 Seminar 50 { "options": { "paths": { "root": "", "fonts": "fonts", "sprites": "sprites", "styles": "styles", "mbtiles": "data" } }, "styles": { "globalmap": { "style": "globalmap.json" } }, "data": { "lka": { "mbtiles": "lka.mbtiles" } } }
51. Launch maputnik in local machine • Online version of maputnik can’t read any file from localhost because online version run in https schema but localhost will run http schema. • It known as insecure resource issue. • maputnik can run in localhost with docker. 2018/10/17 JICA 2018 Seminar 51 > docker run --rm -it -p 8888:8888 maputnik/editor • Open localhost:8888 in Chrome browser.
52. Setup maputnik - 1 • Your need download “GL Style” from tileserver- gl top page. • The name will be “style.json”. 2018/10/17 JICA 2018 Seminar 52
53. Setup maputnik - 2 • Select “Open” in maputnik’s top menu. • Select “Upload” button and upload “style.json”. 2018/10/17 JICA 2018 Seminar 53
54. Setup maputnik - 3 • Select “Sources” in maputnik’s top menu. • Fill “Add New Source” fields: • Source ID: global_map • Source Type: Vector (TileJSON URL) • TileJSON URL: http://localhost:8080/data/lka.json • Copy url from tileserver-gl top page. 2018/10/17 JICA 2018 Seminar 54
55. Layers in Mapbox Style • Mapbox Style has 7 Layer Type. • Background • Fill • Line • Symbol • Raster • Circle • Draw circle image. • Fill Extrusion • Fill Extrusion will use 3D. • https://www.mapbox.com/mapbox-gl-js/style- spec/ 2018/10/17 JICA 2018 Seminar 55
56. Layer - background • Fill all background with color or image pattern. 2018/10/17 JICA 2018 Seminar 56 Background
57. Layer - Fill • Fill area with color or image pattern. 2018/10/17 JICA 2018 Seminar 57 Fill
58. Layer - Line • Draw line with polyline features. • Normal line. • Dash-array. • Normal line + dash-array 2018/10/17 JICA 2018 Seminar 58
59. Layer - Symbol • Draw image and text. • Allow Point, Polygon and Polyline features. 2018/10/17 JICA 2018 Seminar 59 Point Polyline Polygon
60. Layer - Raster • Draw raster tile image. • This image show elevation layer. 2018/10/17 JICA 2018 Seminar 60
61. Maputnik UI 2018/10/17 JICA 2018 Seminar 61
62. Maputnik workflow 1. Add Layer. 1. Set basic configuration in dialog. 2. Setup layer properties. 1. Min Zoom & Max Zoom 2. Filter 3. Layout Properties 4. Paint / Text / Icon properties 3. Sort layer 4. Save configuration. 2018/10/17 JICA 2018 Seminar 62
63. Add background layer • Click “Add Layer” button. • Change “Type” field to Background. • Background only need ID. • Set ID to ”background”. 2018/10/17 JICA 2018 Seminar 63
64. Add Fill Layer • Click “Add Layer” button. • Change “Type” to “Fill”. • Set fields: • ID: polbnda • Source: global_map • Source Layer: polbnda • Source = lka.mbtiles • Source Layer is defined by tippecanoe command line options. • -L polbnda:/data/polbnda_lka.geojson 2018/10/17 JICA 2018 Seminar 64
65. Change color in polbnda layer • Select ”polbnda” layer and change Color value in Paint properties. 2018/10/17 JICA 2018 Seminar 65
66. Add Line Layer • Click “Add Layer” button. • Change “Type” to “Line”. • Set fields: • ID: roadl-primary • Source: global_map • Source Layer: roadl • Source Layer is defined by tippecanoe command line options. • -L roadl:/data/roadl_lka.geojson 2018/10/17 JICA 2018 Seminar 66
67. Setup Filter • “roadl” has “Route intended use” attribute. • Field name is “rtt” • “rtt” = 14 is primary route. • Select ”roadl-primary” layer and click “Add filter”. • Set filter “rtt == 14”. 2018/10/17 JICA 2018 Seminar 67
68. Copy Layer • Click ”copy button” in roadl-primary layer. • New layer “roadl-primary-copy” will created. • Change layer ID to “roadl-secondary”. • Modily filter to “rtt == 15”. • Drag down layer. 2018/10/17 JICA 2018 Seminar 68
69. Setup Line properties • Set both colors to white. • Select zoom function button. 2018/10/17 JICA 2018 Seminar 69
70. Zoom function • Zoom function is useful to smooth zoom. • Set Zoom 6 = 1 and Zoom 10 = 6, the value will increase between Zoom 6 and 10. • “base” property will use to control the rate witch the function output increases. • base = 1 will be increase linearly. • “base” property can’t edit in maputnik GUI but can edit in JSON editor. • https://www.mapbox.com/mapbox-gl-js/style- spec/#other-function 2018/10/17 JICA 2018 Seminar 70
71. Setup Width function. • ”roadl-primary” • Zoom 6 = 1 • Zoom 12 = 6 • “roadl-secondary” • Zoom 8 = 1 • Zoom 12 = 4 • Be careful about the editor check validation every time. 2018/10/17 JICA 2018 Seminar 71
72. Add Symbol layer. • Click “Add Layer” button. • Change “Type” to “Symbol”. • Set fields: • ID: airp • Source: global_map • Source Layer: airp 2018/10/17 JICA 2018 Seminar 72
73. Setup Icon • Select “Image” property in Icon Layout property. • If ”Sprite URL” is setuped, image name enable to search. • Select “airport_11”. 2018/10/17 JICA 2018 Seminar 73
74. Setup Text - 1 • Select “Field” property in Text layout properties. • It can use Feature properties using token like {field_name}. • airp’s nam property is name. • Set {nam} into Field property. • But result seem wrong. • Need to set “Offset”. 2018/10/17 JICA 2018 Seminar 74
75. Setup Text - 2 • Select ”Offset“ property. • This property has 2 value by default. • X and Y. • Set Y value to 1. • It seem OK and rotation is no problem too. 2018/10/17 JICA 2018 Seminar 75
76. Deploy design. • When finished design, you need to download style into local. • Open downloaded design file and modify three lines. • sources/global_map/url to “mbtiles://{lka}”. • glyphs to “{fontstack}/{range}.pbf” • sprite to “sprite” • Overwrite globalmap.json in tileserver-gl. 2018/10/17 JICA 2018 Seminar 76
77. Result 2018/10/17 JICA 2018 Seminar 77
78. Create raster tile from vector tile and style • Tileserver-gl support raster tile output. • The output url will be • http://{server}/styles/{style identifier}/{z}/{x}/{y}.png • You can access from ”raster” in top menu. 2018/10/17 JICA 2018 Seminar 78
79. Create raster tile from raster file 2018/10/17 JICA 2018 Seminar 79
80. Making 4 tile set 1. Elevation 2. Land Use 3. Land Cover 4. Vegetation 2018/10/17 JICA 2018 Seminar 80
81. Start QGIS and open • gmlk-10 contains All GeoTiff files in Sri-Lanka. 2018/10/17 JICA 2018 Seminar 81
82. Add transparency into Elevation data • Double click el layer. • Select “Transparency” • Select Transparency band to None. • Add Transparenct pixel list • From 0, To 0, Percent 100. • Click OK. 2018/10/17 JICA 2018 Seminar 82
83. Result 2018/10/17 JICA 2018 Seminar 83
84. Save as GeoTiff image 2018/10/17 JICA 2018 Seminar 84 • Save new GeoTiff Image. • Select “Rendered image” in “Output mode”. • New image will have 4 band with alpha channel.
85. Create raster tile. • Open “Commander” in “Processing” menu. • Input gdal2 into commander. • Select gdalogr:gdal2tiles and input enter. 2018/10/17 JICA 2018 Seminar 85
86. gdal2tiles dialog • It is gdal2tiles.py‘s GUI frontend. 2018/10/17 JICA 2018 Seminar 86
87. Input parameter • Select saved geotiff layer. • Extract “Advanced parameter”. • Set “Resampling method” to “near” • Set “Zoom levels to render” to “0-11”. • Select your directory to output. • Ex: el_tms 2018/10/17 JICA 2018 Seminar 87
88. Click Run 2018/10/17 JICA 2018 Seminar 88
89. Convert TMS to zxy • Gdal2tiles output TMS structure tile. • You need to convert to zxy. • Download tms2xyz.py. • https://github.com/smellman/creating_tiles_with_glo bal_map_support_files/tree/master/2014 • Copy tms2xyz.py into created directory. • Open “OSGeo4W Shell” in Startup -> QGIS 2.x. • Change directory to output directory. • Run following: • python tms2xyz.py el_tms el 2018/10/17 JICA 2018 Seminar 89
90. Note • Land Use, Land Cover and Vegetation doesn’t have “no value data” area. • If you make transparency, some data will be lost. 2018/10/17 JICA 2018 Seminar 90
91. Hosting 2018/10/17 JICA 2018 Seminar 91
92. Vector tile hosting • Vector tile hosting is easy because tileserver-gl can run too many linux hosts. • But Vector tile needs SSL access in internet. • Let‘s encrypt is useful to get free SSL/TLS Certificates. • https://letsencrypt.org/ • Setup frontend server(Apache/nginx/etc) and connect from server with reverse proxy. 2018/10/17 JICA 2018 Seminar 92
93. Raster tile hosting • If you use small number of data only, hosting as static image is better. • Apache / nginx / Amazon S3 / etc • Github’s gh-page is useful for free hosting. • Be careful about license. • If you use large number of data, be careful to hosting. • File system limitation: max number of files. • Ext4 on Linux: 4 billion files (specified at filesystem creation time) • File copy will slow. • Mbtiles is a solution to hosting large number of data. 2018/10/17 JICA 2018 Seminar 93
94. Overview - nginx 2018/10/17 JICA 2018 Seminar 94 Reverse Proxy Internet Static contents Raster Tile Vector Tile
95. Reverse proxy setting • In nginx, it is easy to setup. 2018/10/17 JICA 2018 Seminar 95 location / { proxy_set_header X-Forwarded-Proto https; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_pass http://localhost:8080; }
96. Raster tile hosting with tileserver-gl • Tileserver-gl can deliver raster tile but rendering will slow. • If you use this function, you need setup cache server. 2018/10/17 JICA 2018 Seminar 96
97. The idea • Use varnish cache for raster rendering. • See my presentation at StateoftheMap 2017. • http://tiny.cc/vyvaoy • https://youtu.be/aoT3FY_CTQc?t=852 2018/10/17 JICA 2018 Seminar 97
98. Other Topics: United Nations Vector Tile Toolkit • Hidenori Fujimura (@hfu) in United Nations tries to make vector tile easy to hosting. • https://github.com/hfu/hands-on-prod • https://github.com/hfu/hands-on-host • He will do workshop in FOSS4G ASIA about UN Vector Tile Toolkit. • I recommend to follow up UN Vector Tile Toolkit. 2018/10/17 JICA 2018 Seminar 98