DEV Community

Hidenori FUJIMURA
Hidenori FUJIMURA

Posted on

3 2

What I learned from GSI Maps Vector style.json

Here are quick notes from what I learned from GSI Maps Vector style.json.

Sources

Fonts used

NotoSansCJKjp-Regular. Because they are using a relatively old version of the Mapbox GL JS, the font data are downloaded and then rendered.

Layers

A lot of layers are there.

Style

They are not using modern expressions. With modern expressions, you can rewrite filters like

filter: [
  "all",
  [
    "==",
    "ftCode",
    7541
  ]
]

Enter fullscreen mode Exit fullscreen mode

into

filter: [
  "match",
  [
    "get",
    "ftCode"
  ]
  [
    7541
  ]
  true
  false
]
Enter fullscreen mode Exit fullscreen mode

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay