Slide 1
Slide 1 text
©OpenStreetMap contributors
Enrich styles and enhance styling process
Styling for OpenMapTiles
Slide 2
Slide 2 text
©Project PLATEAU / MLIT Japan
Patrick Yuen
Self introduction
l MIERUNE inc.
l Based in Japan
Sales Engineer
Slide 3
Slide 3 text
©Project PLATEAU / MLIT Japan
Self introduction
mierune.co.jp
Slide 4
Slide 4 text
©OpenStreetMap contributors
MIERUNE Style
Tools for vector
ｍａｐ styling
Table of contents
01
02
Slide 5
Slide 5 text
©OpenStreetMap contributors
01 MIERUNE Style
Slide 6
Slide 6 text
©Project PLATEAU / MLIT Japan
MIERUNE Style
l Vector map style for
Japanese users
l MapTiler Cloud
○ JP MIERUNE Dark
○ JP MIERUNE Gray
○ JP MIERUNE Streets
What is MIERUNE Style
© MIERUNE | © MapTiler © OpenStreetMap contributors
Slide 7
Slide 7 text
©Project PLATEAU / MLIT Japan
MIERUNE Style
Hill shades
Toll roads
Multi-language
display
MIERUNE street MIERUNE dark MIERUNE gray
Slide 8
Slide 8 text
©Project PLATEAU / MLIT Japan
MIERUNE Style
Public transport
MIERUNE street MIERUNE dark
Colorful icons
Slide 9
Slide 9 text
©OpenStreetMap contributors
02 Tools to create
MIERUNE style
Slide 10
Slide 10 text
©Project PLATEAU / MLIT Japan
Tools for MIERUNE Style
l Project using Maputnik that reflects changes made
to style.json in real time
l Used to visualize changes made in the process of
designing MIERUNE style
Maputnik
Slide 11
Slide 11 text
©Project PLATEAU / MLIT Japan
Maputnik
Slide 12
Slide 12 text
©Project PLATEAU / MLIT Japan
MIERUNE Style
l Generating screenshots
automatically with
playwright
Playwright
Slide 13
Slide 13 text
©Project PLATEAU / MLIT Japan
MIERUNE Style
Playwright
Slide 14
Slide 14 text
© 地理院地図 全国最新写真（シームレス）
Summary
bit.ly/miemap