地図のスタイリングをブラウザ上で行う**「Mapbox Studio」**にComponentという、これまで以上に簡単に地図のスタイリングができる機能が実装されました。
12月14日時点では、β版としての提供であるが、早速使ってみましたので、簡単に紹介します。
#Step 1
##Mapboxのアカウントをとります
まだ、Mapboxのアカウントを取っていない人は、まずアカウントを取得してください。無償です。
##Studioのページを開きます
ログインして、こちらのページに行きます。
New styleをクリックすると、テンプレートを選ぶ画面がでます。
ここでは、Basicを選択して、Customize Basicをクリックします。
これで、Step 1は終わりです。
#Step 2
##ComponentsとLayersという2種類のビュー
ComponentsはLayersをラベル系、道路系などの類持続性毎にグループ分けしたものです。
Componentsの中身を見るには、Layersタブをクリックします。
####Componentsビュー
ラベル系、道路系などのかたまり毎のスタイリングを設定できます。
####Layersビュー
個々のレイヤーに対して、スタイルの設定ができます。
今までは、Layersを一つ一つスタイリングする必要があり、手間がかかりました。Componentsを使うと、グループ単位でスタイリングでき、短時間でスタイリングを行えます。また、jsonコードを意識すること無くできるため、コーディングの経験の無い人も心配ありません。
#Step 3
##さっそくやってみよう
####まずはベースの色を変えます
初期設定では、ベースの色が茶色になっています。一般的に、ベースの色を明るめにしてしまうと、主題となる情報を視覚的に際立たせることが難しくなります。そこで、ここでは落ち着いた色に変えてみます。
####グレーに変えてみる
ベースの色をグレーに変えます。Componentの特長として、ベースの色に連動して建物の色も変化します。
道路の色は白にします。
####POIラベルの日本語表示など
言語を日本語にします。
POIのカテゴリー毎に、表示の密度を調整します。
スライドバーを動かすことで、ラベルの密度を設定する値が変化します。
####歩行者道路の表示
初期設定では、公園内などの歩行者道路が標示されません。そこで、表示をするように設定します。
Before
After（皇居外苑が改善されています）
他にも、水の色や緑地公園の色、学校の色、病院の色などを調整します。
だんだん、日本の地図っぽくなって来ました。このままでも良いのですが、もう少し手を入れてみます。
####首都高の色を変える
道路がすべて白になっていますが、首都高の色だけを目立たせたいと思います。
道路はComponentsでは一つのグループとなっていて、高速道路の色だけを別にする場合は、Componentsの機能では不可能です。
そこで、Layersタブをクリックして、首都高が入っているLayer(rad-motorway-trunk)を調整します。「Set manual override」をクリックし色を調整します。
間違って、変な色になってしまった場合も、revertを押すことでもとの色に戻すことができます。
####マップをPublishする
今まで設定したスタイリングは、自動的に保存されますが、他の環境からは見ることができません。
そろそろここで、マップをPublishしてみます。
ブラウザ画面右上の「Publish」を押すと、確認画面がでます。左がBefore、右がAfterです。
Publishしたマップは、Webブラウザの他、iOSアプリとして提供されているMapboxのStudioPreviewでiPhoneで見ることもできます。
####建物を3D表示にする
建物高さのデータが属性データとして入っていれば、その建物を3D表示にできます。これは、Componentsの機能として、トグルスイッチを切り替えるだけで実現します。
Before
After
ぐっと東京の街中っぽくなってきました。
3D表示はインパクトがありますが、主題に対して目立ちすぎる時があります。用途に応じて使い分けましょう。
####iOSのStudioPreviewでの表示
####実は海外でも同じスタイルが適用されています
今回作成したスタイルは、世界中に適用されています。
これはシンガポールの例です。
自分が見慣れた表現で、世界中を見ることができます。
#今回作成したスタイル
今回作成したスタイルは、こちらのURLとなります。
皆様のMapboxアカウントで利用することができるはずです。
ただし、改変は私しかできない仕組みのようです。
#ソースコード
最後に、今回のスタイリングのソースコードになります。
もし、改変したいのであれば、このソースコードを編集して下さい。
また、githubのリポジトリはこちらになります。
https://github.com/moritoru/Basic-styles
5657行にもなる、長いjsonファイルです。エディタで個々に設定していたら気が狂いそうですね。。
Mapbox StudioのようなGUIツールがあることで、私たちはとても助かっています。
{
"version": 8,
"name": "Basic_moritoru_191214",
"metadata": {
"mapbox:type": "default",
"mapbox:origin": "basic-v1",
"mapbox:autocomposite": true,
"mapbox:groups": {
"Transit, transit-labels": {
"name": "Transit, transit-labels",
"collapsed": false
},
"Administrative boundaries, admin": {
"name": "Administrative boundaries, admin",
"collapsed": false
},
"Land & water, built": {
"name": "Land & water, built",
"collapsed": false
},
"Transit, bridges": {
"name": "Transit, bridges",
"collapsed": false
},
"Transit, surface": {
"name": "Transit, surface",
"collapsed": false
},
"Road network, bridges": {
"name": "Road network, bridges",
"collapsed": false
},
"Road network, tunnels": {
"name": "Road network, tunnels",
"collapsed": false
},
"Road network, road-labels": {
"name": "Road network, road-labels",
"collapsed": false
},
"Buildings, built": {
"name": "Buildings, built",
"collapsed": false
},
"Natural features, natural-labels": {
"name": "Natural features, natural-labels",
"collapsed": false
},
"Road network, surface": {
"name": "Road network, surface",
"collapsed": false
},
"Road network, bridges-2": {
"name": "Road network, bridges-2",
"collapsed": false
},
"Place labels, place-labels": {
"name": "Place labels, place-labels",
"collapsed": false
},
"Transit, ferries": {
"name": "Transit, ferries",
"collapsed": false
},
"Buildings, extruded": {
"name": "Buildings, extruded",
"collapsed": false
},
"Road network, surface-case": {
"name": "Road network, surface-case",
"collapsed": false
},
"Point of interest labels, poi-labels": {
"name": "Point of interest labels, poi-labels",
"collapsed": false
},
"Walking, cycling, etc., bridges": {
"name": "Walking, cycling, etc., bridges",
"collapsed": false
},
"Walking, cycling, etc., tunnels": {
"name": "Walking, cycling, etc., tunnels",
"collapsed": false
},
"Road network, tunnels-case": {
"name": "Road network, tunnels-case",
"collapsed": false
},
"Walking, cycling, etc., walking-cycling-labels": {
"name": "Walking, cycling, etc., walking-cycling-labels",
"collapsed": false
},
"Road network, bridges-case": {
"name": "Road network, bridges-case",
"collapsed": false
},
"Walking, cycling, etc., surface": {
"name": "Walking, cycling, etc., surface",
"collapsed": false
},
"Transit, built": {"name": "Transit, built", "collapsed": false},
"Road network, surface-icons": {
"name": "Road network, surface-icons",
"collapsed": false
},
"Land & water, land-and-water": {
"name": "Land & water, land-and-water",
"collapsed": false
},
"Transit, ferry-aerialway-labels": {
"name": "Transit, ferry-aerialway-labels",
"collapsed": false
}
},
"mapbox:sdk-support": {
"js": "1.6.0",
"android": "7.4.0",
"ios": "4.11.0"
},
"mapbox:uiParadigm": "components",
"mapbox:decompiler": {
"id": "ck43vh61209if1dkt06mn0k7g",
"componentVersion": "0.4.1",
"propConfig": {
"road-network": {
"color-base": "#f8f8f8",
"color-road": "hsl(38, 55%, 100%)",
"roadNetwork": "Standard",
"roadWidth": 1.1,
"fadeOutRoadsOnZoom": false
},
"natural-features": {
"color-base": "#f8f8f8",
"color-water": "hsl(205, 81%, 86%)",
"color-poi": "hsl(26, 20%, 38%)",
"poiEtcFont": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
]
},
"place-labels": {
"color-base": "#f8f8f8",
"color-place-label": "hsl(0, 0%, 15%)",
"settlementSubdivisionsDensity": 3,
"settlementLabelStyle": "Text only",
"settlementsDensity": 3,
"language": "Japanese",
"countryLabelStyle": "Text only"
},
"admin-boundaries": {
"color-base": "#f8f8f8",
"color-place-label": "hsl(0, 0%, 15%)",
"admin1Width": 1.5,
"admin0Width": 2,
"admin0DashPattern": "Dash on zoom",
"admin0DisputedDashPattern": "Dash on zoom"
},
"point-of-interest-labels": {
"educationDensity": 4,
"color-poi": "hsl(26, 20%, 38%)",
"commercialServicesDensity": 2,
"generalDensity": 2,
"color-hospital": "hsl(3, 45%, 55%)",
"sportAndLeisureDensity": 2,
"density": 4,
"foodAndDrinkDensity": 2,
"color-greenspace": "hsl(78, 94%, 50%)",
"storeLikeDensity": 2,
"motoristDensity": 2,
"buildingDensity": 4,
"controlDensityByClass": true,
"medicalDensity": 2,
"religionDensity": 2,
"foodAndDrinkStoresDensity": 2,
"language": "Japanese",
"poiEtcFont": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"color-base": "#f8f8f8",
"labelStyle": "Text and icon",
"color-school": "hsl(40, 81%, 55%)",
"visitorAmenitiesDensity": 2
},
"walking-cycling": {
"color-base": "#f8f8f8",
"color-road": "hsl(38, 55%, 100%)",
"color-greenspace": "hsl(78, 94%, 50%)",
"walkingCyclingPisteBackground": false,
"golfHoleLabelLine": true,
"pedestrianPolygonFeatures": true,
"language": "Japanese",
"poiEtcFont": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
]
},
"transit": {
"color-airport": "hsl(225, 4%, 40%)",
"aeroways": true,
"color-transit": "hsl(268, 84%, 37%)",
"aerialways": false,
"color-road": "hsl(38, 55%, 100%)",
"color-water": "hsl(205, 81%, 86%)",
"transitLabels": true,
"railwayStyle": "Solid",
"railways": true,
"ferries": true,
"language": "Japanese",
"poiEtcFont": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"color-base": "#f8f8f8",
"bicycleLabels": false
},
"land-and-water": {
"color-airport": "hsl(225, 4%, 40%)",
"color-hospital": "hsl(3, 45%, 55%)",
"landcover": false,
"color-greenspace": "hsl(78, 94%, 50%)",
"color-water": "hsl(205, 81%, 86%)",
"transitionLandOnZoom": true,
"waterStyle": "Shadow",
"color-base": "#f8f8f8",
"landuse": true,
"color-school": "hsl(40, 81%, 55%)"
},
"buildings": {
"color-base": "#f8f8f8",
"houseNumbers": false,
"haloWidth": 1,
"3D": true
}
},
"strata": [
{
"id": "basic-v1",
"order": [
["land-and-water", "land-and-water"],
["land-and-water", "built"],
["transit", "built"],
["buildings", "built"],
["road-network", "tunnels-case"],
["walking-cycling", "tunnels"],
["road-network", "tunnels"],
["transit", "ferries"],
["road-network", "surface-case"],
["walking-cycling", "surface"],
["road-network", "surface"],
["transit", "surface"],
["road-network", "surface-icons"],
["road-network", "bridges-case"],
["walking-cycling", "bridges"],
["road-network", "bridges"],
["transit", "bridges"],
["road-network", "bridges-2"],
["road-network", "traffic-and-closures"],
["walking-cycling", "barriers"],
["buildings", "extruded"],
["transit", "elevated"],
["admin-boundaries", "admin"],
["buildings", "building-labels"],
["road-network", "road-labels"],
["transit", "ferry-aerialway-labels"],
["walking-cycling", "walking-cycling-labels"],
["natural-features", "natural-labels"],
["point-of-interest-labels", "poi-labels"],
["transit", "transit-labels"],
["place-labels", "place-labels"]
]
}
],
"overrides": {
"place-labels": {
"settlement-subdivision-label": {
"layout": {"visibility": "visible"}
},
"settlement-minor-label": {
"layout": {"visibility": "visible"}
},
"settlement-major-label": {
"layout": {"visibility": "visible"}
},
"state-label": {"layout": {"visibility": "visible"}},
"country-label": {"layout": {"visibility": "visible"}}
},
"road-network": {
"road-number-shield": {"layout": {"visibility": "visible"}},
"tunnel-primary-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-minor-navigation": {
"layout": {"visibility": "visible"}
},
"road-number-shield-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-secondary-tertiary-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-primary-case-navigation": {
"layout": {"visibility": "visible"}
},
"road-major-link-case": {
"layout": {"visibility": "visible"}
},
"tunnel-primary-secondary-tertiary-case": {
"layout": {"visibility": "visible"}
},
"road-construction-navigation": {
"layout": {"visibility": "visible"}
},
"turning-feature-outline": {
"layout": {"visibility": "visible"}
},
"bridge-primary-secondary-tertiary-case": {
"layout": {"visibility": "visible"}
},
"traffic-road-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-primary-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-primary-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-minor-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-oneway-arrow-white": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk": {
"layout": {"visibility": "visible"},
"paint": {"line-color": "#ffffff"}
},
"road-secondary-tertiary-case": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-street-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-motorway-trunk": {
"layout": {"visibility": "visible"},
"paint": {"line-color": "#d8d8d8"}
},
"traffic-level-crossing-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-2-case": {
"layout": {"visibility": "visible"}
},
"tunnel-oneway-arrow-white": {
"layout": {"visibility": "visible"}
},
"road-major-link-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-motorway-trunk-navigation": {
"layout": {"visibility": "visible"}
},
"road-label": {"layout": {"visibility": "visible"}},
"road-primary-case": {"layout": {"visibility": "visible"}},
"road-minor": {"layout": {"visibility": "visible"}},
"traffic-tunnel-street-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-signal-navigation": {
"layout": {"visibility": "visible"}
},
"road-secondary-tertiary-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-2-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-motorway-trunk-case-navigation": {
"layout": {"visibility": "visible"}
},
"road-street-low-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-major-link-case": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-2": {
"layout": {"visibility": "visible"},
"paint": {"line-color": "#61da5d", "line-opacity": 1}
},
"road-motorway-trunk-case-low-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-street-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-construction-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-case-simple": {"layout": {"visibility": "visible"}},
"traffic-tunnel-motorway-trunk-navigation": {
"layout": {"visibility": "visible"}
},
"level-crossing": {"layout": {"visibility": "visible"}},
"bridge-major-link-case": {
"layout": {"visibility": "visible"}
},
"road-exit-shield": {"layout": {"visibility": "visible"}},
"traffic-bridge-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-street-case-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-construction-navigation": {
"layout": {"visibility": "visible"}
},
"road-primary-navigation": {
"layout": {"visibility": "visible"}
},
"road-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"road-minor-case-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-street-minor-case": {
"layout": {"visibility": "visible"}
},
"road-polygon": {"layout": {"visibility": "visible"}},
"road-street-case": {"layout": {"visibility": "visible"}},
"road-oneway-arrow-white": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-2-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-link-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-street-minor-case": {
"layout": {"visibility": "visible"}
},
"tunnel-major-link-navigation": {
"layout": {"visibility": "visible"}
},
"road-motorway-trunk": {
"layout": {"visibility": "visible"}
},
"turning-feature": {"layout": {"visibility": "visible"}},
"bridge-street-minor": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-navigation": {
"layout": {"visibility": "visible"}
},
"road-minor-low": {"layout": {"visibility": "visible"}},
"road-motorway-trunk-case": {
"layout": {"visibility": "visible"}
},
"incident-closure-lines-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-minor-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-street-minor": {
"layout": {"visibility": "visible"}
},
"road-street": {"layout": {"visibility": "visible"}},
"road-street-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-secondary-tertiary-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-minor-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-link-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link": {"layout": {"visibility": "visible"}},
"bridge-secondary-tertiary-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-street-low-navigation": {
"layout": {"visibility": "visible"}
},
"road-motorway-trunk-case-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-secondary-tertiary-case-navigation": {
"layout": {"visibility": "visible"}
},
"road-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"turning-feature-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-street-low-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-major-link": {"layout": {"visibility": "visible"}},
"road-motorway-trunk-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-2-case": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"road-street-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-primary-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-minor-case-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-secondary-tertiary-case-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"road-primary": {"layout": {"visibility": "visible"}},
"bridge-construction": {
"layout": {"visibility": "visible"}
},
"road-minor-case": {"layout": {"visibility": "visible"}},
"bridge-minor-case-navigation": {
"layout": {"visibility": "visible"}
},
"road-oneway-arrow-blue": {
"layout": {"visibility": "visible"}
},
"bridge-simple": {"layout": {"visibility": "visible"}},
"level-crossing-navigation": {
"layout": {"visibility": "visible"}
},
"road-exit-shield-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-case-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-street-minor-low": {
"layout": {"visibility": "visible"}
},
"tunnel-construction": {
"layout": {"visibility": "visible"}
},
"incident-closure-line-highlights-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-2-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-motorway-trunk-case": {
"layout": {"visibility": "visible"}
},
"incident-startpoints-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-major-link-case-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-2": {
"layout": {"visibility": "visible"}
},
"tunnel-street-minor-low": {
"layout": {"visibility": "visible"}
},
"tunnel-simple": {"layout": {"visibility": "visible"}},
"road-street-low": {"layout": {"visibility": "visible"}},
"road-label-simple": {"layout": {"visibility": "visible"}},
"road-secondary-tertiary": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-case": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-primary-navigation": {
"layout": {"visibility": "visible"}
},
"road-minor-navigation": {
"layout": {"visibility": "visible"}
},
"road-primary-case-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-street-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-street-navigation": {
"layout": {"visibility": "visible"}
},
"road-label-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-primary-secondary-tertiary": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-major-link-navigation": {
"layout": {"visibility": "visible"}
},
"road-major-link": {"layout": {"visibility": "visible"}},
"tunnel-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-major-link-2-case-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-motorway-trunk-navigation": {
"layout": {"visibility": "visible"}
},
"tunnel-primary-secondary-tertiary": {
"layout": {"visibility": "visible"}
},
"road-secondary-tertiary-case-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-motorway-trunk-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-road-oneway-arrow-blue-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-oneway-arrow-white-navigation": {
"layout": {"visibility": "visible"}
},
"road-label-outdoors": {
"layout": {"visibility": "visible"}
},
"tunnel-oneway-arrow-blue": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-secondary-tertiary-navigation": {
"layout": {"visibility": "visible"}
},
"turning-feature-outline-navigation": {
"layout": {"visibility": "visible"}
},
"traffic-bridge-road-motorway-trunk-case-navigation": {
"layout": {"visibility": "visible"}
},
"road-construction": {"layout": {"visibility": "visible"}},
"incident-endpoints-navigation": {
"layout": {"visibility": "visible"}
},
"bridge-oneway-arrow-blue": {
"layout": {"visibility": "visible"}
},
"traffic-tunnel-major-link-navigation": {
"layout": {"visibility": "visible"}
},
"road-simple": {"layout": {"visibility": "visible"}},
"road-major-link-case-navigation": {
"layout": {"visibility": "visible"}
}
},
"transit": {
"road-rail": {"paint": {"line-color": "hsl(0, 0%, 76%)"}}
}
},
"components": {
"road-network": "0.4.1",
"natural-features": "0.4.1",
"place-labels": "0.4.1",
"admin-boundaries": "0.4.1",
"point-of-interest-labels": "0.4.1",
"walking-cycling": "0.4.1",
"transit": "0.4.1",
"land-and-water": "0.4.1",
"buildings": "0.4.1"
}
}
},
"center": [139.76756716530372, 35.68113999316458],
"zoom": 15.029964185940317,
"bearing": 0,
"pitch": 0,
"sources": {
"mapbox://mapbox.mapbox-traffic-v1": {
"url": "mapbox://mapbox.mapbox-traffic-v1",
"type": "vector"
},
"mapbox://mapbox.mapbox-incidents-v1": {
"url": "mapbox://mapbox.mapbox-incidents-v1",
"type": "vector"
},
"composite": {
"url": "mapbox://mapbox.mapbox-terrain-v2,mapbox.mapbox-streets-v8",
"type": "vector"
}
},
"sprite": "mapbox://sprites/moritoru/ck43vh61209if1dkt06mn0k7g/4yd13a42zaqono54a1rs77dnk",
"glyphs": "mapbox://fonts/moritoru/{fontstack}/{range}.pbf",
"layers": [
{
"id": "land",
"type": "background",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"layout": {},
"paint": {
"background-color": [
"interpolate",
["linear"],
["zoom"],
11,
"rgb(246, 246, 246)",
13,
"rgb(241, 241, 241)"
]
}
},
{
"id": "national-park",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"source": "composite",
"source-layer": "landuse_overlay",
"minzoom": 5,
"filter": ["==", ["get", "class"], "national_park"],
"layout": {},
"paint": {
"fill-color": "hsl(78, 48%, 81%)",
"fill-opacity": [
"interpolate",
["linear"],
["zoom"],
5,
0,
6,
0.5,
10,
0.5
]
}
},
{
"id": "landuse",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"source": "composite",
"source-layer": "landuse",
"minzoom": 5,
"filter": [
"match",
["get", "class"],
["park", "airport", "glacier", "pitch", "sand"],
true,
"cemetery",
true,
"school",
true,
"hospital",
true,
false
],
"layout": {},
"paint": {
"fill-color": [
"interpolate",
["linear"],
["zoom"],
15,
[
"match",
["get", "class"],
"park",
"hsl(78, 48%, 81%)",
"airport",
"hsl(225, 1%, 96%)",
"cemetery",
"hsl(60, 25%, 86%)",
"glacier",
"hsl(205, 73%, 100%)",
"hospital",
"hsl(3, 17%, 92%)",
"pitch",
"hsl(78, 47%, 76%)",
"sand",
"hsl(78, 71%, 93%)",
"school",
"hsl(40, 32%, 86%)",
"rgb(228, 228, 228)"
],
16,
[
"match",
["get", "class"],
"park",
"hsl(78, 48%, 81%)",
"airport",
"hsl(225, 15%, 94%)",
"cemetery",
"hsl(60, 25%, 86%)",
"glacier",
"hsl(205, 73%, 100%)",
"hospital",
"hsl(3, 36%, 94%)",
"pitch",
"hsl(78, 47%, 76%)",
"sand",
"hsl(78, 71%, 93%)",
"school",
"hsl(40, 32%, 86%)",
"rgb(228, 228, 228)"
]
],
"fill-opacity": [
"interpolate",
["linear"],
["zoom"],
5,
0,
6,
["match", ["get", "class"], "glacier", 0.5, 1]
]
}
},
{
"id": "pitch-outline",
"type": "line",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"source": "composite",
"source-layer": "landuse",
"minzoom": 15,
"filter": ["==", ["get", "class"], "pitch"],
"layout": {},
"paint": {"line-color": "hsl(60, 54%, 90%)"}
},
{
"id": "waterway",
"type": "line",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"source": "composite",
"source-layer": "waterway",
"minzoom": 8,
"layout": {
"line-cap": ["step", ["zoom"], "butt", 11, "round"],
"line-join": "round"
},
"paint": {
"line-color": "hsl(205, 81%, 86%)",
"line-width": [
"interpolate",
["exponential", 1.3],
["zoom"],
9,
["match", ["get", "class"], ["canal", "river"], 0.1, 0],
20,
["match", ["get", "class"], ["canal", "river"], 8, 3]
],
"line-opacity": [
"interpolate",
["linear"],
["zoom"],
8,
0,
8.5,
1
]
}
},
{
"id": "water",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, land-and-water"
},
"source": "composite",
"source-layer": "water",
"layout": {},
"paint": {"fill-color": "hsl(205, 81%, 86%)"}
},
{
"id": "land-structure-polygon",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, built"
},
"source": "composite",
"source-layer": "structure",
"minzoom": 13,
"filter": [
"all",
["==", ["geometry-type"], "Polygon"],
["==", ["get", "class"], "land"]
],
"layout": {},
"paint": {"fill-color": "rgb(241, 241, 241)"}
},
{
"id": "land-structure-line",
"type": "line",
"metadata": {
"mapbox:featureComponent": "land-and-water",
"mapbox:group": "Land & water, built"
},
"source": "composite",
"source-layer": "structure",
"minzoom": 13,
"filter": [
"all",
["==", ["geometry-type"], "LineString"],
["==", ["get", "class"], "land"]
],
"layout": {"line-cap": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.99],
["zoom"],
14,
0.75,
20,
40
],
"line-color": "rgb(241, 241, 241)"
}
},
{
"id": "aeroway-polygon",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, built"
},
"source": "composite",
"source-layer": "aeroway",
"minzoom": 11,
"filter": [
"all",
["==", ["geometry-type"], "Polygon"],
[
"match",
["get", "type"],
["runway", "taxiway", "helipad"],
true,
false
]
],
"layout": {},
"paint": {
"fill-color": [
"interpolate",
["linear"],
["zoom"],
15,
"hsl(225, 1%, 87%)",
16,
"hsl(225, 3%, 89%)"
],
"fill-opacity": [
"interpolate",
["linear"],
["zoom"],
11,
0,
11.5,
1
]
}
},
{
"id": "aeroway-line",
"type": "line",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, built"
},
"source": "composite",
"source-layer": "aeroway",
"minzoom": 9,
"filter": ["==", ["geometry-type"], "LineString"],
"layout": {},
"paint": {
"line-color": [
"interpolate",
["linear"],
["zoom"],
15,
"hsl(225, 1%, 87%)",
16,
"hsl(225, 3%, 89%)"
],
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
9,
["match", ["get", "type"], "runway", 1, 0.5],
18,
["match", ["get", "type"], "runway", 80, 20]
]
}
},
{
"id": "tunnel-street-minor-low",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-color": "hsl(38, 55%, 100%)",
"line-opacity": ["step", ["zoom"], 1, 14, 0]
}
},
{
"id": "tunnel-street-minor-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(255, 255, 255)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-opacity": ["step", ["zoom"], 0, 14, 1],
"line-dasharray": [3, 3]
}
},
{
"id": "tunnel-primary-secondary-tertiary-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"match",
["get", "class"],
["primary", "secondary", "tertiary"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
["match", ["get", "class"], "primary", 1, 0.75],
18,
2
],
"line-color": "rgb(255, 255, 255)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
["match", ["get", "class"], "primary", 0.75, 0.1],
18,
["match", ["get", "class"], "primary", 32, 26]
],
"line-dasharray": [3, 3]
}
},
{
"id": "tunnel-major-link-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "hsl(38, 55%, 100%)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-dasharray": [3, 3]
}
},
{
"id": "tunnel-motorway-trunk-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
1,
18,
2
],
"line-color": "rgb(255, 255, 255)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-dasharray": [3, 3]
}
},
{
"id": "tunnel-construction",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["==", ["get", "class"], "construction"],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
2,
18,
18
],
"line-color": "rgb(224, 224, 224)",
"line-dasharray": [
"step",
["zoom"],
["literal", [0.4, 0.8]],
15,
["literal", [0.3, 0.6]],
16,
["literal", [0.2, 0.3]],
17,
["literal", [0.2, 0.25]],
18,
["literal", [0.15, 0.15]]
]
}
},
{
"id": "tunnel-path",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["==", ["get", "class"], "path"],
["!=", ["get", "type"], "steps"],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
15,
1,
18,
4
],
"line-color": "rgb(216, 216, 216)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [1, 0.5]]
]
}
},
{
"id": "tunnel-steps",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["==", ["get", "class"], "steps"],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
15,
1,
16,
1.6,
18,
6
],
"line-color": "rgb(216, 216, 216)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [0.3, 0.3]]
]
}
},
{
"id": "tunnel-pedestrian",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["==", ["get", "class"], "pedestrian"],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
18,
12
],
"line-color": "rgb(216, 216, 216)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.5, 0.4]],
16,
["literal", [1, 0.2]]
]
}
},
{
"id": "tunnel-major-link",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "tunnel-street-minor",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-color": [
"match",
["get", "class"],
"street_limited",
"rgb(249, 249, 249)",
"hsl(38, 55%, 100%)"
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "tunnel-primary-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"match",
["get", "class"],
["primary", "secondary", "tertiary"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
["match", ["get", "class"], "primary", 0.75, 0.1],
18,
["match", ["get", "class"], "primary", 32, 26]
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "tunnel-oneway-arrow-blue",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["==", ["get", "oneway"], "true"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
[
"primary",
"secondary",
"street",
"street_limited",
"tertiary"
],
true,
false
],
16,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited",
"primary_link",
"secondary_link",
"tertiary_link",
"service",
"track"
],
true,
false
]
]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-small",
17,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
"oneway-large",
"oneway-small"
],
18,
"oneway-large"
],
"symbol-spacing": 200,
"icon-rotation-alignment": "map"
},
"paint": {}
},
{
"id": "tunnel-motorway-trunk",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-color": "#d8d8d8"
}
},
{
"id": "tunnel-oneway-arrow-white",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, tunnels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": [
"all",
["==", ["get", "structure"], "tunnel"],
[
"match",
["get", "class"],
["motorway", "motorway_link", "trunk", "trunk_link"],
true,
false
],
["==", ["get", "oneway"], "true"]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-white-small",
17,
"oneway-white-large"
],
"symbol-spacing": 200
},
"paint": {}
},
{
"id": "ferry",
"type": "line",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, ferries"
},
"source": "composite",
"source-layer": "road",
"minzoom": 8,
"filter": ["==", ["get", "type"], "ferry"],
"layout": {"line-join": ["step", ["zoom"], "miter", 14, "round"]},
"paint": {
"line-color": [
"interpolate",
["linear"],
["zoom"],
15,
"hsl(214, 74%, 79%)",
17,
"hsl(239, 74%, 79%)"
],
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
20,
1
],
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
13,
["literal", [12, 4]]
]
}
},
{
"id": "ferry-auto",
"type": "line",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, ferries"
},
"source": "composite",
"source-layer": "road",
"filter": ["==", ["get", "type"], "ferry_auto"],
"layout": {"line-join": ["step", ["zoom"], "miter", 14, "round"]},
"paint": {
"line-color": [
"interpolate",
["linear"],
["zoom"],
15,
"hsl(214, 74%, 79%)",
17,
"hsl(239, 74%, 79%)"
],
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
20,
1
]
}
},
{
"id": "turning-feature-outline",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": [
"all",
["==", ["geometry-type"], "Point"],
[
"match",
["get", "class"],
["turning_circle", "turning_loop"],
true,
false
]
],
"layout": {
"icon-image": "turning-circle-outline",
"icon-size": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.122,
18,
0.969,
20,
1
],
"icon-allow-overlap": true,
"icon-ignore-placement": true,
"icon-padding": 0,
"icon-rotation-alignment": "map"
},
"paint": {}
},
{
"id": "road-minor-low",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
[
"step",
["zoom"],
["==", ["get", "class"], "track"],
14,
[
"match",
["get", "class"],
["track", "secondary_link", "tertiary_link", "service"],
true,
false
]
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
["match", ["get", "class"], "track", 1, 0.5],
18,
12
],
"line-color": "hsl(38, 55%, 100%)",
"line-opacity": ["step", ["zoom"], 1, 14, 0]
}
},
{
"id": "road-minor-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
[
"step",
["zoom"],
["==", ["get", "class"], "track"],
14,
[
"match",
["get", "class"],
["track", "secondary_link", "tertiary_link", "service"],
true,
false
]
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
["match", ["get", "class"], "track", 1, 0.5],
18,
12
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "road-street-low",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 11,
"filter": [
"all",
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)",
"line-opacity": ["step", ["zoom"], 1, 14, 0]
}
},
{
"id": "road-street-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 11,
"filter": [
"all",
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "road-secondary-tertiary-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 8,
"filter": [
"all",
[
"match",
["get", "class"],
["secondary", "tertiary"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
0.75,
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.1,
18,
26
],
"line-opacity": ["step", ["zoom"], 0, 10, 1]
}
},
{
"id": "road-primary-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 7,
"filter": [
"all",
["==", ["get", "class"], "primary"],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
1,
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-opacity": ["step", ["zoom"], 0, 10, 1]
}
},
{
"id": "road-major-link-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 10,
"filter": [
"all",
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-opacity": ["step", ["zoom"], 0, 11, 1]
}
},
{
"id": "road-motorway-trunk-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 5,
"filter": [
"all",
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
1,
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-opacity": [
"step",
["zoom"],
["match", ["get", "class"], "motorway", 1, 0],
6,
1
]
}
},
{
"id": "road-construction",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "class"], "construction"],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)",
"line-dasharray": [
"step",
["zoom"],
["literal", [0.4, 0.8]],
15,
["literal", [0.3, 0.6]],
16,
["literal", [0.2, 0.3]],
17,
["literal", [0.2, 0.25]],
18,
["literal", [0.15, 0.15]]
]
}
},
{
"id": "road-path",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 12,
"filter": [
"all",
["==", ["get", "class"], "path"],
[
"step",
["zoom"],
[
"!",
[
"match",
["get", "type"],
["steps", "sidewalk", "crossing"],
true,
false
]
],
16,
["!=", ["get", "type"], "steps"]
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": ["step", ["zoom"], "miter", 14, "round"]},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
13,
0.5,
14,
1,
15,
1,
18,
4
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [1, 0.5]]
]
}
},
{
"id": "road-steps",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "type"], "steps"],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
15,
1,
16,
1.6,
18,
6
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [0.3, 0.3]]
]
}
},
{
"id": "road-pedestrian",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 12,
"filter": [
"all",
["==", ["get", "class"], "pedestrian"],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": ["step", ["zoom"], "miter", 14, "round"]},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
18,
12
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.5, 0.4]],
16,
["literal", [1, 0.2]]
]
}
},
{
"id": "road-pedestrian-polygon-fill",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 12,
"filter": [
"all",
["==", ["geometry-type"], "Polygon"],
[
"match",
["get", "class"],
["path", "pedestrian"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {},
"paint": {
"fill-color": "rgb(233, 233, 233)",
"fill-outline-color": "rgb(231, 231, 231)"
}
},
{
"id": "road-pedestrian-polygon-pattern",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": [
"all",
["==", ["geometry-type"], "Polygon"],
[
"match",
["get", "class"],
["path", "pedestrian"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {},
"paint": {
"fill-pattern": "pedestrian-polygon",
"fill-opacity": [
"interpolate",
["linear"],
["zoom"],
16,
0,
16.25,
1
]
}
},
{
"id": "golf-hole-line",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": ["==", ["get", "class"], "golf"],
"layout": {},
"paint": {"line-color": "hsl(78, 45%, 74%)"}
},
{
"id": "road-major-link",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 10,
"filter": [
"all",
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 13, "round"],
"line-join": ["step", ["zoom"], "miter", 13, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "road-polygon",
"type": "fill",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 12,
"filter": [
"all",
["==", ["geometry-type"], "Polygon"],
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"primary_link",
"secondary_link",
"tertiary_link",
"trunk",
"trunk_link",
"street",
"street_limited",
"track",
"service"
],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {},
"paint": {
"fill-color": "hsl(38, 55%, 100%)",
"fill-outline-color": "rgb(231, 231, 231)"
}
},
{
"id": "road-minor",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
[
"step",
["zoom"],
["==", ["get", "class"], "track"],
14,
[
"match",
["get", "class"],
["track", "secondary_link", "tertiary_link", "service"],
true,
false
]
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
["match", ["get", "class"], "track", 1, 0.5],
18,
12
],
"line-color": "hsl(38, 55%, 100%)",
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "road-street",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 11,
"filter": [
"all",
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": [
"match",
["get", "class"],
"street_limited",
"rgb(249, 249, 249)",
"hsl(38, 55%, 100%)"
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "road-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 8,
"filter": [
"all",
[
"match",
["get", "class"],
["secondary", "tertiary"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.1,
18,
26
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "road-primary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 7,
"filter": [
"all",
["==", ["get", "class"], "primary"],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "road-oneway-arrow-blue",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": [
"all",
["==", ["get", "oneway"], "true"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
true,
false
],
16,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited",
"primary_link",
"secondary_link",
"tertiary_link",
"service",
"track"
],
true,
false
]
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-small",
17,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
"oneway-large",
"oneway-small"
],
18,
"oneway-large"
],
"symbol-spacing": 200,
"icon-rotation-alignment": "map"
},
"paint": {}
},
{
"id": "road-motorway-trunk",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface"
},
"source": "composite",
"source-layer": "road",
"filter": [
"all",
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["match", ["get", "structure"], ["none", "ford"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 13, "round"],
"line-join": ["step", ["zoom"], "miter", 13, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "road-rail",
"type": "line",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, surface"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
[
"match",
["get", "class"],
["major_rail", "minor_rail"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
20,
1
],
"line-color": "hsl(0, 0%, 76%)"
}
},
{
"id": "level-crossing",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-icons"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": ["==", ["get", "class"], "level_crossing"],
"layout": {
"icon-image": "level-crossing",
"icon-allow-overlap": true
},
"paint": {}
},
{
"id": "road-oneway-arrow-white",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-icons"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": [
"all",
["==", ["get", "oneway"], "true"],
[
"match",
["get", "class"],
["motorway", "trunk", "motorway_link", "trunk_link"],
true,
false
],
["match", ["get", "structure"], ["none", "ford"], true, false]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-white-small",
17,
"oneway-white-large"
],
"symbol-spacing": 200
},
"paint": {}
},
{
"id": "turning-feature",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, surface-icons"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": [
"all",
["==", ["geometry-type"], "Point"],
[
"match",
["get", "class"],
["turning_circle", "turning_loop"],
true,
false
]
],
"layout": {
"icon-image": "turning-circle",
"icon-size": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.095,
18,
1
],
"icon-allow-overlap": true,
"icon-ignore-placement": true,
"icon-padding": 0,
"icon-rotation-alignment": "map"
},
"paint": {}
},
{
"id": "bridge-street-minor-low",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-color": "hsl(38, 55%, 100%)",
"line-opacity": ["step", ["zoom"], 1, 14, 0]
}
},
{
"id": "bridge-street-minor-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "bridge-primary-secondary-tertiary-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["primary", "secondary", "tertiary"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
["match", ["get", "class"], "primary", 1, 0.75],
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
["match", ["get", "class"], "primary", 0.75, 0.1],
18,
["match", ["get", "class"], "primary", 32, 26]
],
"line-opacity": ["step", ["zoom"], 0, 10, 1]
}
},
{
"id": "bridge-major-link-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["<=", ["get", "layer"], 1],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
]
}
},
{
"id": "bridge-motorway-trunk-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["<=", ["get", "layer"], 1],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
1,
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
]
}
},
{
"id": "bridge-construction",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-case"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["==", ["get", "class"], "construction"],
["==", ["geometry-type"], "LineString"]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
2,
18,
18
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [0.4, 0.8]],
15,
["literal", [0.3, 0.6]],
16,
["literal", [0.2, 0.3]],
17,
["literal", [0.2, 0.25]],
18,
["literal", [0.15, 0.15]]
]
}
},
{
"id": "bridge-path",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["==", ["get", "class"], "path"],
["==", ["geometry-type"], "LineString"],
["!=", ["get", "type"], "steps"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
15,
1,
18,
4
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [1, 0.5]]
]
}
},
{
"id": "bridge-steps",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 14,
"filter": [
"all",
["==", ["get", "type"], "steps"],
["==", ["get", "structure"], "bridge"],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
15,
1,
16,
1.6,
18,
6
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.75, 1]],
16,
["literal", [1, 0.75]],
17,
["literal", [0.3, 0.3]]
]
}
},
{
"id": "bridge-pedestrian",
"type": "line",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["==", ["get", "class"], "pedestrian"],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
18,
12
],
"line-color": "rgb(255, 255, 255)",
"line-dasharray": [
"step",
["zoom"],
["literal", [1, 0]],
15,
["literal", [1.5, 0.4]],
16,
["literal", [1, 0.2]]
]
}
},
{
"id": "bridge-major-link",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["<=", ["get", "layer"], 1],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-cap": "round", "line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "bridge-street-minor",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
["street", "street_limited", "primary_link", "track"],
true,
false
],
14,
[
"match",
["get", "class"],
[
"street",
"street_limited",
"track",
"primary_link",
"secondary_link",
"tertiary_link",
"service"
],
true,
false
]
],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
2,
"track",
1,
0.5
],
18,
[
"match",
["get", "class"],
["street", "street_limited", "primary_link"],
18,
12
]
],
"line-color": [
"match",
["get", "class"],
"street_limited",
"rgb(249, 249, 249)",
"hsl(38, 55%, 100%)"
],
"line-opacity": ["step", ["zoom"], 0, 14, 1]
}
},
{
"id": "bridge-primary-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["primary", "secondary", "tertiary"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
["match", ["get", "class"], "primary", 0.75, 0.1],
18,
["match", ["get", "class"], "primary", 32, 26]
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "bridge-oneway-arrow-blue",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["==", ["get", "oneway"], "true"],
[
"step",
["zoom"],
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
true,
false
],
16,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited",
"primary_link",
"secondary_link",
"tertiary_link",
"service",
"track"
],
true,
false
]
]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-small",
17,
[
"match",
["get", "class"],
[
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
"oneway-large",
"oneway-small"
],
18,
"oneway-large"
],
"symbol-spacing": 200,
"icon-rotation-alignment": "map"
},
"paint": {}
},
{
"id": "bridge-motorway-trunk",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["<=", ["get", "layer"], 1],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-cap": "round", "line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-color": "#ffffff"
}
},
{
"id": "bridge-rail",
"type": "line",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, bridges"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["major_rail", "minor_rail"],
true,
false
]
],
"layout": {"line-join": "round"},
"paint": {
"line-color": "rgb(231, 231, 231)",
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
14,
0.5,
20,
1
]
}
},
{
"id": "bridge-major-link-2-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-2"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[">=", ["get", "layer"], 2],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.75,
20,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
]
}
},
{
"id": "bridge-motorway-trunk-2-case",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-2"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[">=", ["get", "layer"], 2],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
10,
1,
18,
2
],
"line-color": "rgb(231, 231, 231)",
"line-gap-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
]
}
},
{
"id": "bridge-major-link-2",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-2"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[">=", ["get", "layer"], 2],
[
"match",
["get", "class"],
["motorway_link", "trunk_link"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {"line-cap": "round", "line-join": "round"},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
12,
0.5,
14,
2,
18,
18
],
"line-color": "hsl(38, 55%, 100%)"
}
},
{
"id": "bridge-motorway-trunk-2",
"type": "line",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-2"
},
"source": "composite",
"source-layer": "road",
"minzoom": 13,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[">=", ["get", "layer"], 2],
["match", ["get", "class"], ["motorway", "trunk"], true, false],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"line-cap": ["step", ["zoom"], "butt", 14, "round"],
"line-join": ["step", ["zoom"], "miter", 14, "round"]
},
"paint": {
"line-width": [
"interpolate",
["exponential", 1.5],
["zoom"],
5,
0.75,
18,
32
],
"line-color": "#61da5d"
}
},
{
"id": "bridge-oneway-arrow-white",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, bridges-2"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": [
"all",
["==", ["get", "structure"], "bridge"],
[
"match",
["get", "class"],
["motorway", "trunk", "motorway_link", "trunk_link"],
true,
false
],
["==", ["get", "oneway"], "true"]
],
"layout": {
"symbol-placement": "line",
"icon-image": [
"step",
["zoom"],
"oneway-white-small",
17,
"oneway-white-large"
],
"symbol-spacing": 200
},
"paint": {}
},
{
"id": "building-extrusion",
"type": "fill-extrusion",
"metadata": {
"mapbox:featureComponent": "buildings",
"mapbox:group": "Buildings, extruded"
},
"source": "composite",
"source-layer": "building",
"minzoom": 15,
"filter": [
"all",
["==", ["get", "underground"], "false"],
["!=", ["get", "extrude"], "false"]
],
"layout": {},
"paint": {
"fill-extrusion-color": "rgb(185, 185, 185)",
"fill-extrusion-height": ["get", "height"],
"fill-extrusion-opacity": 0.3
}
},
{
"id": "admin-1-boundary-bg",
"type": "line",
"metadata": {
"mapbox:featureComponent": "admin-boundaries",
"mapbox:group": "Administrative boundaries, admin"
},
"source": "composite",
"source-layer": "admin",
"filter": [
"all",
["==", ["get", "admin_level"], 1],
["==", ["get", "maritime"], "false"],
["match", ["get", "worldview"], ["all", "US"], true, false]
],
"layout": {"line-join": "bevel"},
"paint": {
"line-color": [
"interpolate",
["linear"],
["zoom"],
8,
"rgb(241, 241, 241)",
16,
"hsl(0, 0%, 95%)"
],
"line-width": [
"interpolate",
["linear"],
["zoom"],
7,
5.625,
12,
8.25
],
"line-opacity": [
"interpolate",
["linear"],
["zoom"],
7,
0,
8,
0.75
],
"line-dasharray": [1, 0],
"line-translate": [0, 0],
"line-blur": ["interpolate", ["linear"], ["zoom"], 3, 0, 8, 4.5]
}
},
{
"id": "admin-0-boundary-bg",
"type": "line",
"metadata": {
"mapbox:featureComponent": "admin-boundaries",
"mapbox:group": "Administrative boundaries, admin"
},
"source": "composite",
"source-layer": "admin",
"minzoom": 1,
"filter": [
"all",
["==", ["get", "admin_level"], 0],
["==", ["get", "maritime"], "false"],
["match", ["get", "worldview"], ["all", "US"], true, false]
],
"layout": {},
"paint": {
"line-width": [
"interpolate",
["linear"],
["zoom"],
3,
7,
10,
16
],
"line-color": [
"interpolate",
["linear"],
["zoom"],
6,
"rgb(241, 241, 241)",
8,
"hsl(0, 0%, 95%)"
],
"line-opacity": [
"interpolate",
["linear"],
["zoom"],
3,
0,
4,
0.5
],
"line-translate": [0, 0],
"line-blur": ["interpolate", ["linear"], ["zoom"], 3, 0, 10, 4]
}
},
{
"id": "admin-1-boundary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "admin-boundaries",
"mapbox:group": "Administrative boundaries, admin"
},
"source": "composite",
"source-layer": "admin",
"filter": [
"all",
["==", ["get", "admin_level"], 1],
["==", ["get", "maritime"], "false"],
["match", ["get", "worldview"], ["all", "US"], true, false]
],
"layout": {"line-join": "round", "line-cap": "round"},
"paint": {
"line-dasharray": [
"step",
["zoom"],
["literal", [2, 0]],
7,
["literal", [2, 2, 6, 2]]
],
"line-width": [
"interpolate",
["linear"],
["zoom"],
7,
1.125,
12,
2.25
],
"line-opacity": [
"interpolate",
["linear"],
["zoom"],
2,
0,
3,
1
],
"line-color": [
"interpolate",
["linear"],
["zoom"],
3,
"hsl(0, 0%, 77%)",
7,
"hsl(0, 0%, 62%)"
]
}
},
{
"id": "admin-0-boundary",
"type": "line",
"metadata": {
"mapbox:featureComponent": "admin-boundaries",
"mapbox:group": "Administrative boundaries, admin"
},
"source": "composite",
"source-layer": "admin",
"minzoom": 1,
"filter": [
"all",
["==", ["get", "admin_level"], 0],
["==", ["get", "disputed"], "false"],
["==", ["get", "maritime"], "false"],
["match", ["get", "worldview"], ["all", "US"], true, false]
],
"layout": {"line-join": "round", "line-cap": "round"},
"paint": {
"line-color": "hsl(0, 0%, 51%)",
"line-width": [
"interpolate",
["linear"],
["zoom"],
3,
1,
10,
4
],
"line-dasharray": [
"step",
["zoom"],
["literal", [2, 0]],
7,
["literal", [2, 2, 6, 2]]
]
}
},
{
"id": "admin-0-boundary-disputed",
"type": "line",
"metadata": {
"mapbox:featureComponent": "admin-boundaries",
"mapbox:group": "Administrative boundaries, admin"
},
"source": "composite",
"source-layer": "admin",
"minzoom": 1,
"filter": [
"all",
["==", ["get", "disputed"], "true"],
["==", ["get", "admin_level"], 0],
["==", ["get", "maritime"], "false"],
["match", ["get", "worldview"], ["all", "US"], true, false]
],
"layout": {"line-join": "round"},
"paint": {
"line-color": "hsl(0, 0%, 51%)",
"line-width": [
"interpolate",
["linear"],
["zoom"],
3,
1,
10,
4
],
"line-dasharray": [
"step",
["zoom"],
["literal", [2, 0]],
7,
["literal", [2, 2, 6, 2]]
]
}
},
{
"id": "road-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, road-labels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 10,
"filter": [
"step",
["zoom"],
[
"match",
["get", "class"],
["motorway", "trunk", "primary", "secondary", "tertiary"],
true,
false
],
12,
[
"match",
["get", "class"],
[
"motorway",
"trunk",
"primary",
"secondary",
"tertiary",
"street",
"street_limited"
],
true,
false
],
15,
[
"match",
["get", "class"],
["path", "pedestrian", "golf", "ferry", "aerialway"],
false,
true
]
],
"layout": {
"text-size": [
"interpolate",
["linear"],
["zoom"],
10,
[
"match",
["get", "class"],
[
"motorway",
"trunk",
"primary",
"secondary",
"tertiary"
],
10,
[
"motorway_link",
"trunk_link",
"primary_link",
"secondary_link",
"tertiary_link",
"street",
"street_limited"
],
9,
6.5
],
18,
[
"match",
["get", "class"],
[
"motorway",
"trunk",
"primary",
"secondary",
"tertiary"
],
16,
[
"motorway_link",
"trunk_link",
"primary_link",
"secondary_link",
"tertiary_link",
"street",
"street_limited"
],
14,
13
]
],
"text-max-angle": 30,
"text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"],
"symbol-placement": "line",
"text-padding": 1,
"text-rotation-alignment": "map",
"text-pitch-alignment": "viewport",
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]],
"text-letter-spacing": 0.01
},
"paint": {
"text-color": "rgb(120, 120, 120)",
"text-halo-color": [
"match",
["get", "class"],
["motorway", "trunk"],
"rgb(255, 255, 255)",
"hsl(38, 55%, 100%)"
],
"text-halo-width": 1,
"text-halo-blur": 1
}
},
{
"id": "road-number-shield",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, road-labels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 6,
"filter": [
"all",
["has", "reflen"],
["<=", ["get", "reflen"], 6],
[
"step",
["zoom"],
["==", ["geometry-type"], "Point"],
11,
[">", ["get", "len"], 5000],
12,
[">", ["get", "len"], 2500],
13,
[">", ["get", "len"], 1000],
14,
true
]
],
"layout": {
"text-size": 9,
"icon-image": [
"concat",
["get", "shield"],
"-",
["to-string", ["get", "reflen"]]
],
"icon-rotation-alignment": "viewport",
"text-max-angle": 38,
"symbol-spacing": [
"interpolate",
["linear"],
["zoom"],
11,
150,
14,
200
],
"text-font": ["DIN Pro Bold", "Arial Unicode MS Bold"],
"symbol-placement": ["step", ["zoom"], "point", 11, "line"],
"text-rotation-alignment": "viewport",
"text-field": ["get", "ref"],
"text-letter-spacing": 0.05
},
"paint": {
"text-color": [
"match",
["get", "shield_text_color"],
"white",
"hsl(0, 0%, 100%)",
"yellow",
"hsl(50, 100%, 70%)",
"orange",
"hsl(25, 100%, 75%)",
"blue",
"hsl(230, 57%, 44%)",
"hsl(230, 18%, 13%)"
]
}
},
{
"id": "road-exit-shield",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "road-network",
"mapbox:group": "Road network, road-labels"
},
"source": "composite",
"source-layer": "motorway_junction",
"minzoom": 14,
"filter": ["all", ["has", "reflen"], ["<=", ["get", "reflen"], 9]],
"layout": {
"text-field": ["get", "ref"],
"text-size": 9,
"icon-image": [
"concat",
"motorway-exit-",
["to-string", ["get", "reflen"]]
],
"text-font": ["DIN Pro Bold", "Arial Unicode MS Bold"]
},
"paint": {
"text-color": "hsl(0, 0%, 100%)",
"text-translate": [0, 0]
}
},
{
"id": "ferry-aerialway-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, ferry-aerialway-labels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 15,
"filter": ["match", ["get", "class"], "ferry", true, false],
"layout": {
"text-size": [
"interpolate",
["linear"],
["zoom"],
10,
6.5,
18,
13
],
"text-max-angle": 30,
"text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"],
"symbol-placement": "line",
"text-padding": 1,
"text-rotation-alignment": "map",
"text-pitch-alignment": "viewport",
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-letter-spacing": 0.01
},
"paint": {
"text-color": [
"match",
["get", "class"],
"ferry",
"hsl(239, 49%, 66%)",
"rgb(120, 120, 120)"
],
"text-halo-color": [
"match",
["get", "class"],
"ferry",
"hsl(205, 81%, 86%)",
"rgb(210, 210, 210)"
],
"text-halo-width": 1,
"text-halo-blur": 1
}
},
{
"id": "path-pedestrian-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., walking-cycling-labels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 12,
"filter": [
"step",
["zoom"],
["match", ["get", "class"], ["pedestrian"], true, false],
15,
["match", ["get", "class"], ["path", "pedestrian"], true, false]
],
"layout": {
"text-size": [
"interpolate",
["linear"],
["zoom"],
10,
["match", ["get", "class"], "pedestrian", 9, 6.5],
18,
["match", ["get", "class"], "pedestrian", 14, 13]
],
"text-max-angle": 30,
"text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"],
"symbol-placement": "line",
"text-padding": 1,
"text-rotation-alignment": "map",
"text-pitch-alignment": "viewport",
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-letter-spacing": 0.01
},
"paint": {
"text-color": "rgb(120, 120, 120)",
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-width": 1,
"text-halo-blur": 1
}
},
{
"id": "golf-hole-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "walking-cycling",
"mapbox:group": "Walking, cycling, etc., walking-cycling-labels"
},
"source": "composite",
"source-layer": "road",
"minzoom": 16,
"filter": ["==", ["get", "class"], "golf"],
"layout": {
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"text-size": 12
},
"paint": {
"text-halo-color": "hsl(78, 53%, 100%)",
"text-halo-width": 0.5,
"text-halo-blur": 0.5,
"text-color": "hsl(78, 94%, 33%)"
}
},
{
"id": "waterway-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "natural-features",
"mapbox:group": "Natural features, natural-labels"
},
"source": "composite",
"source-layer": "natural_label",
"minzoom": 13,
"filter": [
"all",
[
"match",
["get", "class"],
["canal", "river", "stream"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"text-font": ["DIN Pro Italic", "Arial Unicode MS Regular"],
"text-max-angle": 30,
"symbol-spacing": [
"interpolate",
["linear", 1],
["zoom"],
15,
250,
17,
400
],
"text-size": [
"interpolate",
["linear"],
["zoom"],
13,
12,
18,
16
],
"symbol-placement": "line",
"text-pitch-alignment": "viewport",
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]]
},
"paint": {"text-color": "hsl(239, 49%, 57%)"}
},
{
"id": "natural-line-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "natural-features",
"mapbox:group": "Natural features, natural-labels"
},
"source": "composite",
"source-layer": "natural_label",
"minzoom": 4,
"filter": [
"all",
[
"match",
["get", "class"],
["glacier", "landform"],
true,
false
],
["==", ["geometry-type"], "LineString"],
["<=", ["get", "filterrank"], 2]
],
"layout": {
"text-size": [
"step",
["zoom"],
["step", ["get", "sizerank"], 18, 5, 12],
17,
["step", ["get", "sizerank"], 18, 13, 12]
],
"text-max-angle": 30,
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"symbol-placement": "line-center",
"text-pitch-alignment": "viewport"
},
"paint": {
"text-halo-width": 0.5,
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-blur": 0.5,
"text-color": [
"step",
["zoom"],
[
"step",
["get", "sizerank"],
"hsl(26, 15%, 48%)",
5,
"hsl(26, 20%, 38%)"
],
17,
[
"step",
["get", "sizerank"],
"hsl(26, 15%, 48%)",
13,
"hsl(26, 20%, 38%)"
]
]
}
},
{
"id": "natural-point-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "natural-features",
"mapbox:group": "Natural features, natural-labels"
},
"source": "composite",
"source-layer": "natural_label",
"minzoom": 4,
"filter": [
"all",
[
"match",
["get", "class"],
["dock", "glacier", "landform", "water_feature", "wetland"],
true,
false
],
["==", ["geometry-type"], "Point"],
["<=", ["get", "filterrank"], 2]
],
"layout": {
"text-size": [
"step",
["zoom"],
["step", ["get", "sizerank"], 18, 5, 12],
17,
["step", ["get", "sizerank"], 18, 13, 12]
],
"icon-image": [
"step",
["zoom"],
["concat", ["get", "maki"], "-11"],
15,
["concat", ["get", "maki"], "-15"]
],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"text-offset": [
"step",
["zoom"],
[
"step",
["get", "sizerank"],
["literal", [0, 0]],
5,
["literal", [0, 0.75]]
],
17,
[
"step",
["get", "sizerank"],
["literal", [0, 0]],
13,
["literal", [0, 0.75]]
]
],
"text-anchor": [
"step",
["zoom"],
["step", ["get", "sizerank"], "center", 5, "top"],
17,
["step", ["get", "sizerank"], "center", 13, "top"]
],
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]]
},
"paint": {
"icon-opacity": [
"step",
["zoom"],
["step", ["get", "sizerank"], 0, 5, 1],
17,
["step", ["get", "sizerank"], 0, 13, 1]
],
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-width": 0.5,
"text-halo-blur": 0.5,
"text-color": [
"step",
["zoom"],
[
"step",
["get", "sizerank"],
"hsl(26, 15%, 48%)",
5,
"hsl(26, 20%, 38%)"
],
17,
[
"step",
["get", "sizerank"],
"hsl(26, 15%, 48%)",
13,
"hsl(26, 20%, 38%)"
]
]
}
},
{
"id": "water-line-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "natural-features",
"mapbox:group": "Natural features, natural-labels"
},
"source": "composite",
"source-layer": "natural_label",
"filter": [
"all",
[
"match",
["get", "class"],
["bay", "ocean", "reservoir", "sea", "water"],
true,
false
],
["==", ["geometry-type"], "LineString"]
],
"layout": {
"text-size": [
"interpolate",
["linear"],
["zoom"],
7,
["step", ["get", "sizerank"], 24, 6, 18, 12, 12],
10,
["step", ["get", "sizerank"], 18, 9, 12],
18,
["step", ["get", "sizerank"], 18, 9, 16]
],
"text-max-angle": 30,
"text-letter-spacing": [
"match",
["get", "class"],
"ocean",
0.25,
["sea", "bay"],
0.15,
0
],
"text-font": ["DIN Pro Italic", "Arial Unicode MS Regular"],
"symbol-placement": "line-center",
"text-pitch-alignment": "viewport",
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]]
},
"paint": {
"text-color": [
"match",
["get", "class"],
["bay", "ocean", "sea"],
"hsl(214, 85%, 93%)",
"hsl(239, 49%, 57%)"
]
}
},
{
"id": "water-point-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "natural-features",
"mapbox:group": "Natural features, natural-labels"
},
"source": "composite",
"source-layer": "natural_label",
"filter": [
"all",
[
"match",
["get", "class"],
["bay", "ocean", "reservoir", "sea", "water"],
true,
false
],
["==", ["geometry-type"], "Point"]
],
"layout": {
"text-line-height": 1.3,
"text-size": [
"interpolate",
["linear"],
["zoom"],
7,
["step", ["get", "sizerank"], 24, 6, 18, 12, 12],
10,
["step", ["get", "sizerank"], 18, 9, 12]
],
"text-font": ["DIN Pro Italic", "Arial Unicode MS Regular"],
"text-field": ["coalesce", ["get", "name_en"], ["get", "name"]],
"text-letter-spacing": [
"match",
["get", "class"],
"ocean",
0.25,
["bay", "sea"],
0.15,
0.01
],
"text-max-width": [
"match",
["get", "class"],
"ocean",
4,
"sea",
5,
["bay", "water"],
7,
10
]
},
"paint": {
"text-color": [
"match",
["get", "class"],
["bay", "ocean", "sea"],
"hsl(214, 85%, 93%)",
"hsl(239, 49%, 57%)"
]
}
},
{
"id": "poi-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "point-of-interest-labels",
"mapbox:group": "Point of interest labels, poi-labels"
},
"source": "composite",
"source-layer": "poi_label",
"minzoom": 6,
"filter": [
"let",
"densityByClass",
[
"match",
["get", "class"],
"arts_and_entertainment",
3,
"building",
4,
"education",
4,
"historic",
3,
"industrial",
3,
"landmark",
3,
"lodging",
3,
"park_like",
3,
"place_like",
3,
"public_facilities",
3,
2
],
[
"<=",
["get", "filterrank"],
[
"case",
["<", 0, ["var", "densityByClass"]],
[
"+",
["step", ["zoom"], 0, 16, 1, 17, 2],
["var", "densityByClass"]
],
["var", "densityByClass"]
]
]
],
"layout": {
"text-size": [
"step",
["zoom"],
["step", ["get", "sizerank"], 18, 5, 12],
17,
["step", ["get", "sizerank"], 18, 13, 12]
],
"icon-image": [
"step",
["zoom"],
["concat", ["get", "maki"], "-11"],
15,
["concat", ["get", "maki"], "-15"]
],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"text-offset": [
"step",
["zoom"],
[
"step",
["get", "sizerank"],
["literal", [0, 0]],
5,
["literal", [0, 0.75]]
],
17,
[
"step",
["get", "sizerank"],
["literal", [0, 0]],
13,
["literal", [0, 0.75]]
]
],
"text-anchor": [
"step",
["zoom"],
["step", ["get", "sizerank"], "center", 5, "top"],
17,
["step", ["get", "sizerank"], "center", 13, "top"]
],
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]]
},
"paint": {
"icon-opacity": [
"step",
["zoom"],
["step", ["get", "sizerank"], 0, 5, 1],
17,
["step", ["get", "sizerank"], 0, 13, 1]
],
"text-halo-color": [
"match",
["get", "class"],
"park_like",
"hsl(78, 53%, 100%)",
"education",
"hsl(40, 46%, 100%)",
"medical",
"hsl(3, 41%, 100%)",
"rgb(255, 255, 255)"
],
"text-halo-width": 0.5,
"text-halo-blur": 0.5,
"text-color": [
"step",
["zoom"],
[
"step",
["get", "sizerank"],
[
"match",
["get", "class"],
"food_and_drink",
"hsl(22, 44%, 61%)",
"park_like",
"hsl(78, 43%, 50%)",
"education",
"hsl(40, 32%, 55%)",
"medical",
"hsl(3, 18%, 55%)",
"hsl(26, 15%, 48%)"
],
5,
[
"match",
["get", "class"],
"food_and_drink",
"hsl(22, 68%, 44%)",
"park_like",
"hsl(78, 94%, 33%)",
"education",
"hsl(40, 81%, 35%)",
"medical",
"hsl(3, 24%, 45%)",
"hsl(26, 20%, 38%)"
]
],
17,
[
"step",
["get", "sizerank"],
[
"match",
["get", "class"],
"food_and_drink",
"hsl(22, 44%, 61%)",
"park_like",
"hsl(78, 43%, 50%)",
"education",
"hsl(40, 32%, 55%)",
"medical",
"hsl(3, 18%, 55%)",
"hsl(26, 15%, 48%)"
],
13,
[
"match",
["get", "class"],
"food_and_drink",
"hsl(22, 68%, 44%)",
"park_like",
"hsl(78, 94%, 33%)",
"education",
"hsl(40, 81%, 35%)",
"medical",
"hsl(3, 24%, 45%)",
"hsl(26, 20%, 38%)"
]
]
]
}
},
{
"id": "transit-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, transit-labels"
},
"source": "composite",
"source-layer": "transit_stop_label",
"minzoom": 12,
"filter": [
"step",
["zoom"],
[
"all",
[
"match",
["get", "mode"],
"rail",
true,
"metro_rail",
true,
false
],
["!=", ["get", "stop_type"], "entrance"]
],
15,
[
"all",
[
"match",
["get", "mode"],
"rail",
true,
"metro_rail",
true,
"ferry",
true,
"light_rail",
true,
false
],
["!=", ["get", "stop_type"], "entrance"]
],
16,
[
"all",
[
"match",
["get", "mode"],
"bicycle",
false,
"bus",
false,
true
],
["!=", ["get", "stop_type"], "entrance"]
],
17,
[
"all",
["match", ["get", "mode"], "bicycle", false, true],
["!=", ["get", "stop_type"], "entrance"]
],
19,
["match", ["get", "mode"], "bicycle", false, true]
],
"layout": {
"text-size": 12,
"icon-image": ["get", "network"],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"text-justify": [
"match",
["get", "stop_type"],
"entrance",
"left",
"center"
],
"text-offset": [
"match",
["get", "stop_type"],
"entrance",
["literal", [1, 0]],
["literal", [0, 0.8]]
],
"text-anchor": [
"match",
["get", "stop_type"],
"entrance",
"left",
"top"
],
"text-field": [
"step",
["zoom"],
"",
14,
[
"match",
["get", "mode"],
["rail", "metro_rail"],
["coalesce", ["get", "name_ja"], ["get", "name"]],
""
],
16,
[
"match",
["get", "mode"],
["bus", "bicycle"],
"",
["coalesce", ["get", "name_ja"], ["get", "name"]]
],
18,
["coalesce", ["get", "name_ja"], ["get", "name"]]
],
"text-letter-spacing": 0.01,
"text-max-width": [
"match",
["get", "stop_type"],
"entrance",
15,
9
]
},
"paint": {
"text-halo-color": "rgb(255, 255, 255)",
"text-color": [
"match",
["get", "network"],
"tokyo-metro",
"hsl(180, 50%, 30%)",
"mexico-city-metro",
"hsl(25, 100%, 63%)",
[
"barcelona-metro",
"delhi-metro",
"hong-kong-mtr",
"milan-metro",
"osaka-subway"
],
"hsl(0, 90%, 47%)",
["boston-t", "washington-metro"],
"hsl(230, 18%, 20%)",
[
"chongqing-rail-transit",
"kiev-metro",
"singapore-mrt",
"taipei-metro"
],
"hsl(140, 90%, 25%)",
"hsl(268, 84%, 37%)"
],
"text-halo-blur": 0.5,
"text-halo-width": 0.5
}
},
{
"id": "airport-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "transit",
"mapbox:group": "Transit, transit-labels"
},
"source": "composite",
"source-layer": "airport_label",
"minzoom": 8,
"layout": {
"text-line-height": 1.1,
"text-size": ["step", ["get", "sizerank"], 18, 9, 12],
"icon-image": [
"step",
["get", "sizerank"],
["concat", ["get", "maki"], "-15"],
9,
["concat", ["get", "maki"], "-11"]
],
"text-font": [
"Arial Unicode MS Regular",
"Arial Unicode MS Regular"
],
"text-offset": [0, 0.75],
"text-rotation-alignment": "viewport",
"text-anchor": "top",
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-letter-spacing": 0.01,
"text-max-width": 9
},
"paint": {
"text-color": "hsl(225, 4%, 40%)",
"text-halo-color": "hsl(225, 20%, 100%)",
"text-halo-width": 1
}
},
{
"id": "settlement-subdivision-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "place-labels",
"mapbox:group": "Place labels, place-labels"
},
"source": "composite",
"source-layer": "place_label",
"minzoom": 10,
"maxzoom": 15,
"filter": [
"all",
["==", ["get", "class"], "settlement_subdivision"],
["<=", ["get", "filterrank"], 3]
],
"layout": {
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-transform": "uppercase",
"text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"],
"text-letter-spacing": [
"match",
["get", "type"],
"suburb",
0.15,
0.1
],
"text-max-width": 7,
"text-padding": 3,
"text-size": [
"interpolate",
["cubic-bezier", 0.5, 0, 1, 1],
["zoom"],
11,
["match", ["get", "type"], "suburb", 11, 10.5],
15,
["match", ["get", "type"], "suburb", 17, 16]
]
},
"paint": {
"text-halo-color": "rgba(255, 255, 255, 0.75)",
"text-halo-width": 1,
"text-color": "hsl(0, 0%, 27%)",
"text-halo-blur": 0.5
}
},
{
"id": "settlement-minor-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "place-labels",
"mapbox:group": "Place labels, place-labels"
},
"source": "composite",
"source-layer": "place_label",
"maxzoom": 15,
"filter": [
"all",
["<=", ["get", "filterrank"], 3],
["==", ["get", "class"], "settlement"],
[
"step",
["zoom"],
true,
8,
[">=", ["get", "symbolrank"], 11],
10,
[">=", ["get", "symbolrank"], 12],
11,
[">=", ["get", "symbolrank"], 13],
12,
[">=", ["get", "symbolrank"], 15],
13,
[">=", ["get", "symbolrank"], 11],
14,
[">=", ["get", "symbolrank"], 13]
]
],
"layout": {
"text-line-height": 1.1,
"text-size": [
"interpolate",
["cubic-bezier", 0.2, 0, 0.9, 1],
["zoom"],
3,
[
"step",
["get", "symbolrank"],
12,
9,
11,
10,
10.5,
12,
9.5,
14,
8.5,
16,
6.5,
17,
4
],
13,
[
"step",
["get", "symbolrank"],
25,
9,
23,
10,
21,
11,
19,
12,
18,
13,
17,
15,
15
]
],
"icon-image": "",
"text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"],
"text-justify": [
"step",
["zoom"],
[
"match",
["get", "text_anchor"],
["left", "bottom-left", "top-left"],
"left",
["right", "bottom-right", "top-right"],
"right",
"center"
],
8,
"center"
],
"text-offset": [
"step",
["zoom"],
["literal", [0, 0]],
8,
["literal", [0, 0]]
],
"text-anchor": ["step", ["zoom"], "center", 8, "center"],
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-max-width": 7
},
"paint": {
"text-color": "hsl(0, 0%, 0%)",
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-width": 1,
"icon-opacity": ["step", ["zoom"], 1, 8, 0],
"text-halo-blur": 1
}
},
{
"id": "settlement-major-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "place-labels",
"mapbox:group": "Place labels, place-labels"
},
"source": "composite",
"source-layer": "place_label",
"maxzoom": 15,
"filter": [
"all",
["<=", ["get", "filterrank"], 3],
["==", ["get", "class"], "settlement"],
[
"step",
["zoom"],
false,
8,
["<", ["get", "symbolrank"], 11],
10,
["<", ["get", "symbolrank"], 12],
11,
["<", ["get", "symbolrank"], 13],
12,
["<", ["get", "symbolrank"], 15],
13,
[">=", ["get", "symbolrank"], 11],
14,
[">=", ["get", "symbolrank"], 13]
]
],
"layout": {
"text-line-height": 1.1,
"text-size": [
"interpolate",
["cubic-bezier", 0.2, 0, 0.9, 1],
["zoom"],
8,
["step", ["get", "symbolrank"], 18, 9, 17, 10, 15],
15,
[
"step",
["get", "symbolrank"],
28,
9,
26,
10,
23,
11,
21,
12,
20,
13,
19,
15,
16
]
],
"icon-image": "",
"text-font": ["DIN Pro Medium", "Arial Unicode MS Regular"],
"text-justify": [
"step",
["zoom"],
[
"match",
["get", "text_anchor"],
["left", "bottom-left", "top-left"],
"left",
["right", "bottom-right", "top-right"],
"right",
"center"
],
8,
"center"
],
"text-offset": [
"step",
["zoom"],
["literal", [0, 0]],
8,
["literal", [0, 0]]
],
"text-anchor": ["step", ["zoom"], "center", 8, "center"],
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-max-width": 7
},
"paint": {
"text-color": "hsl(0, 0%, 0%)",
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-width": 1,
"icon-opacity": ["step", ["zoom"], 1, 8, 0],
"text-halo-blur": 1
}
},
{
"id": "state-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "place-labels",
"mapbox:group": "Place labels, place-labels"
},
"source": "composite",
"source-layer": "place_label",
"minzoom": 3,
"maxzoom": 9,
"filter": ["==", ["get", "class"], "state"],
"layout": {
"text-size": [
"interpolate",
["cubic-bezier", 0.85, 0.7, 0.65, 1],
["zoom"],
4,
["step", ["get", "symbolrank"], 10, 6, 9.5, 7, 9],
9,
["step", ["get", "symbolrank"], 24, 6, 18, 7, 14]
],
"text-transform": "uppercase",
"text-font": ["DIN Pro Bold", "Arial Unicode MS Bold"],
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-letter-spacing": 0.15,
"text-max-width": 6
},
"paint": {
"text-color": "hsl(0, 0%, 0%)",
"text-halo-color": "rgb(255, 255, 255)",
"text-halo-width": 1
}
},
{
"id": "country-label",
"type": "symbol",
"metadata": {
"mapbox:featureComponent": "place-labels",
"mapbox:group": "Place labels, place-labels"
},
"source": "composite",
"source-layer": "place_label",
"minzoom": 1,
"maxzoom": 10,
"filter": ["==", ["get", "class"], "country"],
"layout": {
"icon-image": "",
"text-field": ["coalesce", ["get", "name_ja"], ["get", "name"]],
"text-line-height": 1.1,
"text-max-width": 6,
"text-font": ["DIN Pro Medium", "Arial Unicode MS Regular"],
"text-offset": ["literal", [0, 0]],
"text-justify": [
"step",
["zoom"],
[
"match",
["get", "text_anchor"],
["left", "bottom-left", "top-left"],
"left",
["right", "bottom-right", "top-right"],
"right",
"center"
],
7,
"center"
],
"text-size": [
"interpolate",
["cubic-bezier", 0.2, 0, 0.7, 1],
["zoom"],
1,
["step", ["get", "symbolrank"], 11, 4, 9, 5, 8],
9,
["step", ["get", "symbolrank"], 28, 4, 22, 5, 21]
]
},
"paint": {
"icon-opacity": [
"step",
["zoom"],
["case", ["has", "text_anchor"], 1, 0],
7,
0
],
"text-color": "hsl(0, 0%, 0%)",
"text-halo-color": [
"interpolate",
["linear"],
["zoom"],
2,
"rgba(255, 255, 255, 0.75)",
3,
"rgb(255, 255, 255)"
],
"text-halo-width": 1.25
}
}
],
"created": "2019-12-13T08:11:19.421Z",
"id": "ck43vh61209if1dkt06mn0k7g",
"modified": "2019-12-14T05:45:52.675Z",
"owner": "moritoru",
"visibility": "private",
"draft": false
}