diff --git a/nezha-fronted/.gitignore b/nezha-fronted/.gitignore
index 722b02965..7a135414c 100644
--- a/nezha-fronted/.gitignore
+++ b/nezha-fronted/.gitignore
@@ -1,7 +1,7 @@
.DS_Store
node_modules/
/dist/
-/static/
+
npm-debug.log*
yarn-debug.log*
yarn-error.log*
diff --git a/nezha-fronted/package-lock.json b/nezha-fronted/package-lock.json
index 7a474cab9..95ba1431d 100644
--- a/nezha-fronted/package-lock.json
+++ b/nezha-fronted/package-lock.json
@@ -1399,6 +1399,65 @@
"@lezer/common": "^0.15.0"
}
},
+ "@mapbox/geojson-rewind": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
+ "integrity": "sha512-tJaT+RbYGJYStt7wI3cq4Nl4SXxG8W7JDG5DMJu97V25RnbNg3QtQtf+KD+VLjNpWKYsRvXDNmNrBgEETr1ifA==",
+ "requires": {
+ "get-stream": "^6.0.1",
+ "minimist": "^1.2.6"
+ },
+ "dependencies": {
+ "get-stream": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+ "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg=="
+ },
+ "minimist": {
+ "version": "1.2.6",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+ "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
+ }
+ }
+ },
+ "@mapbox/jsonlint-lines-primitives": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz",
+ "integrity": "sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ=="
+ },
+ "@mapbox/mapbox-gl-supported": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-2.0.1.tgz",
+ "integrity": "sha512-HP6XvfNIzfoMVfyGjBckjiAOQK9WfX0ywdLubuPMPv+Vqf5fj0uCbgBQYpiqcWZT6cbyyRnTSXDheT1ugvF6UQ=="
+ },
+ "@mapbox/point-geometry": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
+ "integrity": "sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ=="
+ },
+ "@mapbox/tiny-sdf": {
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.0.5.tgz",
+ "integrity": "sha512-OhXt2lS//WpLdkqrzo/KwB7SRD8AiNTFFzuo9n14IBupzIMa67yGItcK7I2W9D8Ghpa4T04Sw9FWsKCJG50Bxw=="
+ },
+ "@mapbox/unitbezier": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.1.tgz",
+ "integrity": "sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw=="
+ },
+ "@mapbox/vector-tile": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-1.3.1.tgz",
+ "integrity": "sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw==",
+ "requires": {
+ "@mapbox/point-geometry": "~0.1.0"
+ }
+ },
+ "@mapbox/whoots-js": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz",
+ "integrity": "sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q=="
+ },
"@riophae/vue-treeselect": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/@riophae/vue-treeselect/-/vue-treeselect-0.4.0.tgz",
@@ -1512,6 +1571,11 @@
"@babel/types": "^7.3.0"
}
},
+ "@types/geojson": {
+ "version": "7946.0.10",
+ "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz",
+ "integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA=="
+ },
"@types/istanbul-lib-coverage": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
@@ -1543,6 +1607,26 @@
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
"dev": true
},
+ "@types/mapbox__point-geometry": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/@types/mapbox__point-geometry/-/mapbox__point-geometry-0.1.2.tgz",
+ "integrity": "sha512-D0lgCq+3VWV85ey1MZVkE8ZveyuvW5VAfuahVTQRpXFQTxw03SuIf1/K4UQ87MMIXVKzpFjXFiFMZzLj2kU+iA=="
+ },
+ "@types/mapbox__vector-tile": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/@types/mapbox__vector-tile/-/mapbox__vector-tile-1.3.0.tgz",
+ "integrity": "sha512-kDwVreQO5V4c8yAxzZVQLE5tyWF+IPToAanloQaSnwfXmIcJ7cyOrv8z4Ft4y7PsLYmhWXmON8MBV8RX0Rgr8g==",
+ "requires": {
+ "@types/geojson": "*",
+ "@types/mapbox__point-geometry": "*",
+ "@types/pbf": "*"
+ }
+ },
+ "@types/pbf": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/@types/pbf/-/pbf-3.0.2.tgz",
+ "integrity": "sha512-EDrLIPaPXOZqDjrkzxxbX7UlJSeQVgah3i0aA4pOSzmK9zq3BIh7/MZIQxED7slJByvKM4Gc6Hypyu2lJzh3SQ=="
+ },
"@types/q": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz",
@@ -4928,6 +5012,11 @@
"integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
"dev": true
},
+ "csscolorparser": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",
+ "integrity": "sha512-umPSgYwZkdFoUrH5hIq5kf0wPSXiro51nPw0j2K/c83KflkPSTBGMz6NJvMB+07VlL0y7VPo6QJcDjcgKTTm3w=="
+ },
"cssesc": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
@@ -6366,6 +6455,11 @@
"stream-shift": "^1.0.0"
}
},
+ "earcut": {
+ "version": "2.2.4",
+ "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
+ "integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ=="
+ },
"easings-css": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/easings-css/-/easings-css-1.0.0.tgz",
@@ -8255,6 +8349,11 @@
"integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
"dev": true
},
+ "geojson-vt": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/geojson-vt/-/geojson-vt-3.2.1.tgz",
+ "integrity": "sha512-EvGQQi/zPrDA6zr6BnJD/YhwAkBP8nnJ9emh3EnHQKVMfg/MRVtPbMYdgVy/IaEmn4UfagD2a6fafPDL5hbtwg=="
+ },
"get-caller-file": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
@@ -8302,6 +8401,11 @@
"integrity": "sha512-vW/9dBahGbpKPcccy3xKkHgdWoH/cAPPc3lQw+3edl7b4j29JfNGVrja0a1d8ZoRe4nTN8GCPrF9aBErDnzx5Q==",
"dev": true
},
+ "gl-matrix": {
+ "version": "3.4.3",
+ "resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.3.tgz",
+ "integrity": "sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA=="
+ },
"glob": {
"version": "7.1.6",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -10927,6 +11031,11 @@
"set-immediate-shim": "~1.0.1"
}
},
+ "kdbush": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-3.0.0.tgz",
+ "integrity": "sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew=="
+ },
"keyv": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/keyv/-/keyv-3.0.0.tgz",
@@ -11280,6 +11389,36 @@
"object-visit": "^1.0.0"
}
},
+ "maplibre-gl": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-2.2.0.tgz",
+ "integrity": "sha512-5LB7ROIxvBADPa4PmU2j+mp0jG5IIbEidCOyZEXVbEriluMJn0hz28vszVb4Cr2IA4YQ9cnERqjHaf33MHIRBQ==",
+ "requires": {
+ "@mapbox/geojson-rewind": "^0.5.2",
+ "@mapbox/jsonlint-lines-primitives": "^2.0.2",
+ "@mapbox/mapbox-gl-supported": "^2.0.1",
+ "@mapbox/point-geometry": "^0.1.0",
+ "@mapbox/tiny-sdf": "^2.0.5",
+ "@mapbox/unitbezier": "^0.0.1",
+ "@mapbox/vector-tile": "^1.3.1",
+ "@mapbox/whoots-js": "^3.1.0",
+ "@types/geojson": "^7946.0.10",
+ "@types/mapbox__point-geometry": "^0.1.2",
+ "@types/mapbox__vector-tile": "^1.3.0",
+ "@types/pbf": "^3.0.2",
+ "csscolorparser": "~1.0.3",
+ "earcut": "^2.2.4",
+ "geojson-vt": "^3.2.1",
+ "gl-matrix": "^3.4.3",
+ "murmurhash-js": "^1.0.0",
+ "pbf": "^3.2.1",
+ "potpack": "^1.0.2",
+ "quickselect": "^2.0.0",
+ "supercluster": "^7.1.5",
+ "tinyqueue": "^2.0.3",
+ "vt-pbf": "^3.1.3"
+ }
+ },
"material-colors": {
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
@@ -11770,6 +11909,11 @@
"integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
"dev": true
},
+ "murmurhash-js": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
+ "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
+ },
"mv": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/mv/-/mv-2.1.1.tgz",
@@ -12692,6 +12836,15 @@
"pify": "^3.0.0"
}
},
+ "pbf": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
+ "integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+ "requires": {
+ "ieee754": "^1.1.12",
+ "resolve-protobuf-schema": "^2.1.0"
+ }
+ },
"pbkdf2": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
@@ -15124,6 +15277,11 @@
}
}
},
+ "potpack": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/potpack/-/potpack-1.0.2.tgz",
+ "integrity": "sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ=="
+ },
"preload": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/preload/-/preload-0.1.0.tgz",
@@ -15268,6 +15426,11 @@
"integrity": "sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=",
"dev": true
},
+ "protocol-buffers-schema": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
+ "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
+ },
"proxy-addr": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
@@ -15385,6 +15548,11 @@
"integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==",
"dev": true
},
+ "quickselect": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+ "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+ },
"quill": {
"version": "1.3.7",
"resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
@@ -15875,6 +16043,14 @@
"integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
"dev": true
},
+ "resolve-protobuf-schema": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+ "integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+ "requires": {
+ "protocol-buffers-schema": "^3.3.1"
+ }
+ },
"resolve-url": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -17370,6 +17546,14 @@
}
}
},
+ "supercluster": {
+ "version": "7.1.5",
+ "resolved": "https://registry.npmjs.org/supercluster/-/supercluster-7.1.5.tgz",
+ "integrity": "sha512-EulshI3pGUM66o6ZdH3ReiFcvHpM3vAigyK+vcxdjpJyEbIIrtbmBdY23mGgnI24uXiGFvrGq9Gkum/8U7vJWg==",
+ "requires": {
+ "kdbush": "^3.0.0"
+ }
+ },
"supports-color": {
"version": "5.5.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -17844,6 +18028,11 @@
"resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz",
"integrity": "sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA=="
},
+ "tinyqueue": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
+ "integrity": "sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA=="
+ },
"tmp": {
"version": "0.0.29",
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.29.tgz",
@@ -18513,6 +18702,16 @@
"integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
"dev": true
},
+ "vt-pbf": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",
+ "integrity": "sha512-2LzDFzt0mZKZ9IpVF2r69G9bXaP2Q2sArJCmcCgvfTdCCZzSyz4aCLoQyUilu37Ll56tCblIZrXFIjNUpGIlmA==",
+ "requires": {
+ "@mapbox/point-geometry": "0.1.0",
+ "@mapbox/vector-tile": "^1.3.1",
+ "pbf": "^3.2.1"
+ }
+ },
"vue": {
"version": "2.6.10",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.10.tgz",
diff --git a/nezha-fronted/package.json b/nezha-fronted/package.json
index fa2e1a22e..20d780dac 100644
--- a/nezha-fronted/package.json
+++ b/nezha-fronted/package.json
@@ -48,6 +48,7 @@
"jszip": "^3.9.1",
"le5le-store": "^1.0.7",
"leaflet": "^1.7.1",
+ "maplibre-gl": "^2.2.0",
"moment-timezone": "^0.5.33",
"mqtt": "4.2.6",
"node-sass": "^4.14.1",
diff --git a/nezha-fronted/src/components/chart/chart/chartMap.vue b/nezha-fronted/src/components/chart/chart/chartMap.vue
index 0c3d0d137..a8da4e77b 100644
--- a/nezha-fronted/src/components/chart/chart/chartMap.vue
+++ b/nezha-fronted/src/components/chart/chart/chartMap.vue
@@ -16,7 +16,8 @@ import axios from 'axios'
import icon from 'leaflet/dist/images/marker-icon.png'
import iconShadow from 'leaflet/dist/images/marker-shadow.png'
import 'leaflet/dist/leaflet.css'
-
+import maplibregl from 'maplibre-gl'
+import mapStyle from './mapStyle'
const regNum = /^[0-9]+.?[0-9]*/
export default {
name: 'chartMap',
@@ -47,9 +48,9 @@ export default {
this.timer = setTimeout(() => {
let loadPromise
this.loadMapConfig().then((mapConfig) => {
- if (mapConfig && this.map) {
- loadPromise = this.loadDataCenterMapData()
- }
+ // if (mapConfig && this.map) {
+ // loadPromise = this.loadDataCenterMapData()
+ // }
})
this.isInit = false
return loadPromise
@@ -66,45 +67,52 @@ export default {
this.$get('sysConfig', param).then(response => {
if (response.code == 200) {
const mapConfig = JSON.parse(response.data.paramKey.map_center_config)
+ mapStyle.center = [Number(mapConfig.longitude), Number(mapConfig.latitude)]
if (this.map) {
this.map.remove()
this.map = null
}
const mapId = this.isFullscreen ? document.getElementById('map-screen-' + this.chartInfo.id) : document.getElementById('map' + this.chartInfo.id)
- const map = L.map(mapId, {
- minZoom: mapConfig.minZoom,
- maxZoom: mapConfig.maxZoom,
- attributionControl: false,
- zoomControl: false,
- maxBounds: L.latLngBounds(L.latLng(-90, -180), L.latLng(90, 180))
- }).setView([mapConfig.latitude, mapConfig.longitude], mapConfig.zoom)
- map.createPane('myPane', document.querySelector('.my-pane-' + this.chartId))
- // map.on('tooltipopen', function (param) {
- // // setTimeout(() => {
- // // vm.initTooltipChart(param)
- // // }, 100)
- // })
- // map.on('tooltipclose', function (param) {
- // })
- this.map = map
-
- L.tileLayer(
- '/static/Tiles/{z}/{x}/{y}.png',
- { noWrap: true }
- ).addTo(map)
-
- const attribution = L.control.attribution({ position: 'bottomright', prefix: '' })
- attribution.addAttribution(' © OpenStreetMap contributors')
- attribution.addTo(map)
-
- L.control.zoom({
- position: 'bottomright',
- zoomInText: '',
- zoomOutText: '',
- zoomInTitle: '',
- zoomOutTitle: ''
- }).addTo(map)
-
+ this.map = new maplibregl.Map({
+ container: mapId,
+ style: mapStyle,
+ maxZoom: 7,
+ minZoom: 0,
+ renderWorldCopies: false,
+ hash: false,
+ transformRequest: function (url, resourceType) {
+ console.log(url, resourceType)
+ if (resourceType === 'Tile' && url.indexOf('https://api.maptiler.com/tiles/v3') > -1) {
+ const urlParams = url.split('.pbf')[0].split('/')
+ const z = urlParams[urlParams.length - 3]
+ const x = urlParams[urlParams.length - 2]
+ const y = urlParams[urlParams.length - 1]
+ const newUrl1 = `nzMap://static/maplibreTitles/${z}/${x}/${y}.pbf`
+ return {
+ url: newUrl1,
+ credentials: 'include',
+ method: 'GET'
+ // Include cookies for cross-origin requests
+ }
+ }
+ }
+ })
+ maplibregl.addProtocol('nzMap', (params, callback) => { // 切片显示接口 防止跨域的问题
+ fetch(`${params.url.split('://')[1]}`)
+ .then(t => {
+ if (t.status == 200) {
+ t.arrayBuffer().then(arr => {
+ callback(null, arr, null, null)
+ })
+ } else {
+ callback(new Error(`Tile fetch error: ${t.statusText}`))
+ }
+ })
+ .catch(e => {
+ callback(new Error(e))
+ })
+ return { cancel: () => { } }
+ })
resolve(mapConfig)
}
})
diff --git a/nezha-fronted/src/components/chart/chart/chartMap1.vue b/nezha-fronted/src/components/chart/chart/chartMap1.vue
new file mode 100644
index 000000000..0c3d0d137
--- /dev/null
+++ b/nezha-fronted/src/components/chart/chart/chartMap1.vue
@@ -0,0 +1,236 @@
+
+
+
+
+
+
+
diff --git a/nezha-fronted/src/components/chart/chart/mapStyle.js b/nezha-fronted/src/components/chart/chart/mapStyle.js
new file mode 100644
index 000000000..06a25f4c9
--- /dev/null
+++ b/nezha-fronted/src/components/chart/chart/mapStyle.js
@@ -0,0 +1,15 @@
+const mapStyle = {
+ version: 8,
+ id: '13a5a9a7-498d-45dd-9e80-5cbefb010836',
+ name: 'My Streets',
+ sources: { openmaptiles: { url: 'https://api.maptiler.com/tiles/v3/tiles.json?key=rB2y2a2rG8i9SEjOXQXl', type: 'vector' }, maptiler_attribution: { attribution: '© MapTiler © OpenStreetMap contributors', type: 'vector' } },
+ layers: [{ id: 'background', type: 'background', layout: { visibility: 'visible' }, paint: { 'background-color': { stops: [[6, 'hsl(47, 77%, 46%)'], [10, 'hsl(47, 77%, 46%)'], [14, 'hsl(47, 47%, 46%)'], [15, 'hsl(47, 47%, 46%)']] } } }, { id: 'landcover_cropland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(50, 95%, 52%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'crop']] }, { id: 'landcover_grassland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(75, 92%, 51%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'grass']] }, { id: 'landcover_scrubland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(96, 92%, 49%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'scrub']] }, { id: 'landcover_treeland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(99, 91%, 47%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'tree']] }, { id: 'landcover_forestland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(119, 90%, 46%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'forest']] }, { id: 'landcover_snowland', type: 'fill', source: 'openmaptiles', 'source-layer': 'globallandcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 0%, 49%)', 'fill-opacity': { base: 1, stops: [[4, 1], [8, 0]] } }, filter: ['all', ['==', 'class', 'snow']] }, { id: 'park_outline', type: 'line', source: 'openmaptiles', 'source-layer': 'park', minzoom: 9, layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(90, 77%, 44%)', 'line-width': { stops: [[9, 0.5], [14, 2]] }, 'line-opacity': 1, 'line-dasharray': [1, 1.5] }, filter: ['all'] }, { id: 'landuse_residential', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', maxzoom: 24, layout: { visibility: 'visible' }, paint: { 'fill-color': { base: 1, stops: [[9, 'hsla(47, 33%, 43%, 0.8)'], [12, 'hsla(47, 33%, 43%, 0.55)'], [16, 'hsla(47, 33%, 43%, 0.35)']] } }, metadata: {}, filter: ['all', ['in', 'class', 'residential', 'suburbs', 'neighbourhood']] }, { id: 'landcover_wood', type: 'fill', source: 'openmaptiles', 'source-layer': 'landcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsla(98, 85%, 48%, 0.7)', 'fill-opacity': 0.4, 'fill-antialias': false }, metadata: {}, filter: ['all', ['==', 'class', 'wood']] }, { id: 'landcover_grass', type: 'fill', source: 'openmaptiles', 'source-layer': 'landcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(75, 77%, 57%)', 'fill-opacity': 0.3, 'fill-antialias': false }, metadata: {}, filter: ['all', ['==', 'class', 'grass']] }, { id: 'landuse_cemetery', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 36%, 40%)' }, metadata: {}, filter: ['==', 'class', 'cemetery'] }, { id: 'landuse_hospital', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 69%, 45%)' }, metadata: {}, filter: ['==', 'class', 'hospital'] }, { id: 'landuse_school', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 49%, 42%)' }, metadata: {}, filter: ['==', 'class', 'school'] }, { id: 'landuse_stadium', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 49%, 42%)' }, metadata: {}, filter: ['all', ['in', 'class', 'stadium', 'pitch', 'track']] }, { id: 'landuse_garage', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 0%, 45%)' }, metadata: {}, filter: ['all', ['in', 'class', 'garages']] }, { id: 'landuse_dam', type: 'fill', source: 'openmaptiles', 'source-layer': 'landuse', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 20%, 39%)' }, metadata: {}, filter: ['all', ['in', 'class', 'dam']] }, { id: 'waterway_tunnel', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', minzoom: 14, layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(210, 50%, 43%)', 'line-width': { base: 1.3, stops: [[13, 0.5], [20, 6]] }, 'line-dasharray': [2, 4] }, filter: ['all', ['==', 'brunnel', 'tunnel']] }, { id: 'waterway_river', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(210, 50%, 43%)', 'line-width': { base: 1.2, stops: [[11, 0.5], [20, 6]] } }, metadata: {}, filter: ['all', ['==', 'class', 'river'], ['!=', 'brunnel', 'tunnel'], ['!=', 'intermittent', 1]] }, { id: 'waterway_river_intermittent', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(210, 50%, 43%)', 'line-width': { base: 1.2, stops: [[11, 0.5], [20, 6]] }, 'line-dasharray': [3, 2] }, metadata: {}, filter: ['all', ['==', 'class', 'river'], ['!=', 'brunnel', 'tunnel'], ['==', 'intermittent', 1]] }, { id: 'waterway_other', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(210, 50%, 43%)', 'line-width': { base: 1.3, stops: [[13, 0.5], [20, 6]] } }, metadata: {}, filter: ['all', ['!=', 'class', 'river'], ['!=', 'brunnel', 'tunnel'], ['!=', 'intermittent', 1]] }, { id: 'waterway_other_intermittent', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(210, 50%, 43%)', 'line-width': { base: 1.3, stops: [[13, 0.5], [20, 6]] }, 'line-dasharray': [4, 3] }, metadata: {}, filter: ['all', ['!=', 'class', 'river'], ['!=', 'brunnel', 'tunnel'], ['==', 'intermittent', 1]] }, { id: 'water_intermittent', type: 'fill', source: 'openmaptiles', 'source-layer': 'water', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(205, 62%, 45%)', 'fill-opacity': 0.85 }, metadata: {}, filter: ['all', ['==', 'intermittent', 1]] }, { id: 'water', type: 'fill', source: 'openmaptiles', 'source-layer': 'water', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(204, 63%, 41%)' }, metadata: {}, filter: ['all', ['!=', 'intermittent', 1], ['!=', 'brunnel', 'tunnel']] }, { id: 'landcover_sand', type: 'fill', source: 'openmaptiles', 'source-layer': 'landcover', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 71%, 40%)', 'fill-opacity': 1, 'fill-antialias': false }, metadata: {}, filter: ['all', ['in', 'class', 'sand']] }, { id: 'landcover_sand_outline', type: 'line', source: 'openmaptiles', 'source-layer': 'landcover', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(47, 71%, 40%)', 'line-width': 2 }, metadata: {}, filter: ['all', ['in', 'class', 'sand']] }, { id: 'aeroway_fill', type: 'fill', source: 'openmaptiles', 'source-layer': 'aeroway', minzoom: 11, layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 9%, 43%)', 'fill-opacity': 0.7 }, metadata: {}, filter: ['==', '$type', 'Polygon'] }, { id: 'aeroway_runway', type: 'line', source: 'openmaptiles', 'source-layer': 'aeroway', minzoom: 11, layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 15%, 56%)', 'line-width': { base: 1.2, stops: [[11, 3], [20, 16]] } }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'runway']] }, { id: 'aeroway_taxiway', type: 'line', source: 'openmaptiles', 'source-layer': 'aeroway', minzoom: 11, layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 15%, 56%)', 'line-width': { base: 1.2, stops: [[11, 0.5], [20, 6]] } }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'taxiway']] }, { id: 'ferry', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(199, 23%, 31%)', 'line-width': 1.1, 'line-dasharray': [2, 2] }, filter: ['all', ['in', 'class', 'ferry']] }, { id: 'tunnel_motorway_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[12, 1], [13, 3], [14, 4], [20, 15]] }, 'line-opacity': 1, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1], ['==', 'brunnel', 'tunnel']] }, { id: 'tunnel_service_track_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.5], [13, 1], [14, 4], [20, 11]] }, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'service', 'track']] }, { id: 'tunnel_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[12, 1], [13, 3], [14, 4], [20, 15]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'ramp', '1'], ['==', 'brunnel', 'tunnel'], ['>', 'layer', 0]] }, { id: 'tunnel_minor_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.5], [13, 1.5], [14, 4], [20, 16]] }, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['==', 'class', 'minor']] }, { id: 'tunnel_street_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.5], [13, 1], [14, 4], [20, 15]] }, 'line-opacity': { stops: [[12, 0], [12.5, 1]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'street', 'street_limited']] }, { id: 'tunnel_secondary_tertiary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(15, 5%, 45%)', 'line-width': { base: 1.2, stops: [[8, 1.5], [20, 17]] }, 'line-opacity': 1, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'secondary', 'tertiary']] }, { id: 'tunnel_trunk_primary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] }, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'primary', 'trunk']] }, { id: 'tunnel_motorway_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] }, 'line-dasharray': [0.5, 0.25] }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'brunnel', 'tunnel']] }, { id: 'tunnel_path_pedestrian', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsla(43, 17%, 45%, 0.45)', 'line-width': { base: 1.2, stops: [[14, 0.5], [20, 6]] }, 'line-dasharray': [1, 0.75] }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'tunnel'], ['in', 'class', 'path', 'pedestrian']] }, { id: 'tunnel_motorway_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 79%, 46%)', 'line-width': { base: 1.2, stops: [[12.5, 0], [13, 1.5], [14, 2.5], [20, 11.5]] } }, metadata: {}, filter: ['all', ['==', 'class', 'motorway_link'], ['==', 'ramp', 1], ['==', 'brunnel', 'tunnel']] }, { id: 'tunnel_service_track', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'service', 'track']] }, { id: 'tunnel_service_track_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'service_construction', 'track_construction']] }, { id: 'tunnel_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 54%)', 'line-width': { base: 1.2, stops: [[12.5, 0], [13, 1.5], [14, 2.5], [20, 11.5]] } }, metadata: {}, filter: ['all', ['==', 'ramp', '1'], ['==', 'brunnel', 'tunnel'], ['>', 'layer', 0]] }, { id: 'tunnel_minor', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[12.9, 0], [13, 1], [14, 2.5], [20, 13]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'minor']] }, { id: 'tunnel_minor_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[12.9, 0], [13, 1], [14, 2.5], [20, 13]] }, 'line-opacity': 1, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'minor_construction']] }, { id: 'tunnel_secondary_tertiary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(60, 7%, 58%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'secondary', 'tertiary']] }, { id: 'tunnel_secondary_tertiary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'secondary_construction', 'tertiary_construction']] }, { id: 'tunnel_trunk_primary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 54%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'primary', 'trunk']] }, { id: 'tunnel_trunk_primary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 54%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'primary_construction', 'trunk_construction']] }, { id: 'tunnel_motorway', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(35, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'brunnel', 'tunnel']] }, { id: 'tunnel_motorway_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(35, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'class', 'motorway_construction'], ['==', 'brunnel', 'tunnel']] }, { id: 'tunnel_major_rail', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14, 0.4], [15, 0.75], [20, 2]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['in', 'class', 'rail']] }, { id: 'tunnel_major_rail_hatching', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14.5, 0], [15, 3], [20, 8]] }, 'line-dasharray': [0.2, 8] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'tunnel'], ['==', 'class', 'rail']] }, { id: 'road_area_pier', type: 'fill', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsl(47, 47%, 46%)', 'fill-antialias': true }, metadata: {}, filter: ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'pier']] }, { id: 'road_pier', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(47, 47%, 46%)', 'line-width': { base: 1.2, stops: [[15, 1], [17, 4]] } }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'pier']] }, { id: 'road_area_bridge', type: 'fill', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsla(47, 47%, 46%, 0.6)', 'fill-antialias': true }, metadata: {}, filter: ['all', ['==', '$type', 'Polygon'], ['==', 'brunnel', 'bridge']] }, { id: 'road_area_pattern', type: 'fill', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'fill-pattern': 'pedestrian_polygon' }, metadata: {}, filter: ['all', ['==', '$type', 'Polygon'], ['!has', 'brunnel'], ['!in', 'class', 'bridge', 'pier']] }, { id: 'road_service_track_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.5], [13, 1], [14, 4], [20, 11]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'service', 'track']] }, { id: 'road_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[12, 1], [13, 3], [14, 4], [20, 15]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['!in', 'class', 'motorway', 'trunk', 'primary', 'pedestrian', 'path', 'track', 'service'], ['==', 'ramp', 1]] }, { id: 'road_trunk_primary_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'butt', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 0.7], [20, 14]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'ramp', 1], ['in', 'class', 'primary', 'trunk']] }, { id: 'road_motorway_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 10, layout: { 'line-cap': 'butt', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[9.9, 0], [10, 1.4], [14, 8], [20, 12]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway'], ['==', 'ramp', 1]] }, { id: 'road_minor_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.7], [13, 1], [14, 4], [20, 16]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'minor'], ['!=', 'ramp', '1']] }, { id: 'road_secondary_tertiary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(15, 5%, 45%)', 'line-width': { base: 1.2, stops: [[8, 1.5], [20, 17]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'secondary', 'tertiary'], ['!=', 'ramp', 1]] }, { id: 'road_trunk_primary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'butt', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['!=', 'ramp', 1], ['in', 'class', 'primary', 'trunk'], ['!=', 'ramp', 1]] }, { id: 'road_motorway_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-cap': 'butt', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway'], ['!=', 'ramp', 1]] }, { id: 'road_path_pedestrian', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 12, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsla(44, 11%, 39%, 0.45)', 'line-width': { base: 1.2, stops: [[12, 1], [16, 2], [20, 3]] }, 'line-dasharray': [1, 1] }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'path', 'pedestrian']] }, { id: 'road_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[12.5, 0], [13, 1.5], [14, 2.5], [20, 11.5]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'ramp', 1], ['!in', 'class', 'motorway', 'trunk', 'primary', 'pedestrian', 'path', 'track', 'service']] }, { id: 'road_trunk_primary_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 0.5], [20, 10]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'ramp', 1], ['in', 'class', 'primary', 'trunk']] }, { id: 'road_motorway_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 10, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 79%, 46%)', 'line-width': { base: 1.2, stops: [[9.9, 0], [10, 1], [14, 6], [20, 10]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway'], ['==', 'ramp', 1]] }, { id: 'road_service_track', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'service', 'track']] }, { id: 'road_service_track_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'service_construction', 'track_construction']] }, { id: 'road_minor', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[12.9, 0], [13, 1], [14, 2.5], [20, 13]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'minor']]] }, { id: 'road_minor_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[14, 2.5], [20, 18]] }, 'line-opacity': 1, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'minor_construction']]] }, { id: 'road_secondary_tertiary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(60, 7%, 58%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'secondary', 'tertiary']] }, { id: 'road_secondary_tertiary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'secondary_construction', 'tertiary_construction']] }, { id: 'road_trunk_primary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['!=', 'ramp', 1], ['in', 'class', 'primary', 'trunk']] }, { id: 'road_trunk_primary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['!=', 'ramp', 1], ['in', 'class', 'primary_construction', 'trunk_construction']] }, { id: 'road_motorway', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': { base: 1, stops: [[5, 'hsl(26, 69%, 37%)'], [6, 'hsl(34, 79%, 46%)']] }, 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway'], ['!=', 'ramp', 1]] }, { id: 'road_motorway_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': { base: 1, stops: [[5, 'hsl(26, 69%, 37%)'], [6, 'hsl(34, 79%, 46%)']] }, 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway_construction'], ['!=', 'ramp', 1]] }, { id: 'road_major_rail', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14, 0.4], [15, 0.75], [20, 2]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'rail']] }, { id: 'road_major_rail_hatching', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14.5, 0], [15, 3], [20, 8]] }, 'line-dasharray': [0.2, 8] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'rail']] }, { id: 'road_minor_rail', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14, 0.4], [15, 0.75], [20, 2]] } }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'subclass', 'tram', 'light_rail']] }, { id: 'road_minor_rail_hatching', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14.5, 0], [15, 2], [20, 6]] }, 'line-dasharray': [0.2, 4] }, metadata: {}, filter: ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['in', 'subclass', 'tram', 'light_rail']] }, { id: 'building', type: 'fill', source: 'openmaptiles', 'source-layer': 'building', minzoom: 13, maxzoom: 14, layout: { visibility: 'visible' }, paint: { 'fill-color': 'hsla(30, 86%, 48%, 0.3)', 'fill-outline-color': { base: 1, stops: [[13, 'hsla(35, 86%, 52%, 0.32)'], [14, 'hsl(35, 86%, 52%)']] } }, metadata: {} }, { id: 'building-3d', type: 'fill-extrusion', source: 'openmaptiles', 'source-layer': 'building', minzoom: 14, layout: { visibility: 'visible' }, paint: { 'fill-extrusion-base': { type: 'identity', property: 'render_min_height' }, 'fill-extrusion-color': 'hsl(30, 86%, 48%)', 'fill-extrusion-height': { type: 'identity', property: 'render_height' }, 'fill-extrusion-opacity': 0.3 }, metadata: {}, filter: ['all', ['!has', 'hide_3d']] }, { id: 'waterway-bridge-case', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'butt', 'line-join': 'miter', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 40%)', 'line-width': { base: 1.6, stops: [[12, 0.5], [20, 5]] }, 'line-gap-width': { base: 1.3, stops: [[13, 0.5], [20, 6]] } }, filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge']] }, { id: 'waterway-bridge', type: 'line', source: 'openmaptiles', 'source-layer': 'waterway', layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(204, 63%, 41%)', 'line-width': { base: 1.3, stops: [[13, 0.5], [20, 6]] } }, filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_motorway_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[9.9, 0], [10, 1.4], [14, 8], [20, 12]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_service_track_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [20, 11]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'service', 'track']] }, { id: 'bridge_link_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[12, 1], [13, 3], [14, 4], [20, 15]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'class', 'link'], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_street_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 5%, 45%)', 'line-width': { base: 1.2, stops: [[12, 0.5], [13, 1], [14, 4], [20, 18]] }, 'line-opacity': { stops: [[12, 0], [12.5, 1]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'street', 'street_limited']] }, { id: 'bridge_path_pedestrian_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'miter', visibility: 'visible' }, paint: { 'line-color': 'hsl(35, 5%, 48%)', 'line-width': { base: 1.2, stops: [[14, 1.5], [20, 18]] }, 'line-dasharray': [1, 0] }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge'], ['in', 'class', 'path', 'pedestrian']] }, { id: 'bridge_minor_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-cap': 'butt', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(36, 4%, 48%)', 'line-width': { base: 1.2, stops: [[12, 0.7], [13, 1], [14, 4], [20, 16]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['in', 'brunnel', 'bridge', 'tunnel'], ['in', 'class', 'minor'], ['!=', 'ramp', '1']] }, { id: 'bridge_secondary_tertiary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(15, 5%, 45%)', 'line-width': { base: 1.2, stops: [[8, 1.5], [20, 17]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'secondary', 'tertiary']] }, { id: 'bridge_trunk_primary_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'primary', 'trunk']] }, { id: 'bridge_motorway_casing', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(28, 57%, 42%)', 'line-width': { base: 1.2, stops: [[5, 0.4], [6, 0.7], [7, 1.75], [20, 22]] } }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'brunnel', 'bridge'], ['!=', 'ramp', 1]] }, { id: 'bridge_path_pedestrian', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[14, 0.5], [20, 10]] }, 'line-dasharray': [1, 0.3] }, metadata: {}, filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge'], ['in', 'class', 'path', 'pedestrian']] }, { id: 'bridge_motorway_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 79%, 46%)', 'line-width': { base: 1.2, stops: [[9.9, 0], [10, 1], [14, 6], [20, 10]] } }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_service_track', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'service', 'track']] }, { id: 'bridge_service_track_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13, 1.5], [16, 2], [20, 8]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'service_construction', 'track_construction']] }, { id: 'bridge_link', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[12.5, 0], [13, 1.5], [14, 2.5], [20, 11.5]] } }, metadata: {}, filter: ['all', ['==', 'class', 'link'], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_street', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[13.5, 0], [14, 2.5], [20, 16]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'street', 'street_limited']] }, { id: 'bridge_minor', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[12.9, 0], [13, 1], [14, 2.5], [20, 13]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'minor']] }, { id: 'bridge_minor_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[12.9, 0], [13, 1], [14, 2.5], [20, 13]] }, 'line-opacity': 1, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'minor_construction']] }, { id: 'bridge_secondary_tertiary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(60, 7%, 58%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'secondary', 'tertiary']] }, { id: 'bridge_secondary_tertiary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 60%)', 'line-width': { base: 1.2, stops: [[6.5, 0], [8, 0.5], [20, 13]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'secondary_construction', 'tertiary_construction']] }, { id: 'bridge_trunk_primary', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'primary', 'trunk']] }, { id: 'bridge_trunk_primary_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(48, 79%, 50%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'brunnel', 'bridge'], ['in', 'class', 'primary_construction', 'trunk_construction']] }, { id: 'bridge_motorway', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 79%, 46%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] } }, metadata: {}, filter: ['all', ['==', 'class', 'motorway'], ['==', 'brunnel', 'bridge'], ['!=', 'ramp', 1]] }, { id: 'bridge_motorway_construction', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 5, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(34, 79%, 46%)', 'line-width': { base: 1.2, stops: [[5, 0], [7, 1], [20, 18]] }, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'class', 'motorway_construction'], ['==', 'brunnel', 'bridge'], ['!=', 'ramp', 1]] }, { id: 'bridge_major_rail', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14, 0.4], [15, 0.75], [20, 2]] } }, metadata: {}, filter: ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'bridge']] }, { id: 'bridge_major_rail_hatching', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', layout: { visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 44%)', 'line-width': { base: 1.4, stops: [[14.5, 0], [15, 3], [20, 8]] }, 'line-dasharray': [0.2, 8] }, metadata: {}, filter: ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'bridge']] }, { id: 'cablecar', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 42%)', 'line-width': { base: 1, stops: [[13, 1], [19, 2]] } }, filter: ['==', 'class', 'aerialway'] }, { id: 'cablecar-dash', type: 'line', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 13, layout: { 'line-cap': 'round', 'line-join': 'bevel', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 0%, 39%)', 'line-width': { base: 1, stops: [[13, 2], [19, 4]] }, 'line-dasharray': [2, 2] }, filter: ['==', 'class', 'aerialway'] }, { id: 'boundary_3', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 3, layout: { 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(248, 54%, 49%)', 'line-width': { base: 1, stops: [[4, 0.4], [5, 0.7], [12, 1.6]] }, 'line-dasharray': [5, 3] }, metadata: {}, filter: ['all', ['in', 'admin_level', 3, 4], ['==', 'maritime', 0]] }, { id: 'boundary_2_z0-4', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 0, maxzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 50%, 42%)', 'line-width': { base: 1, stops: [[3, 1], [5, 1.2]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 0], ['!has', 'claimed_by']] }, { id: 'boundary_2_z0-4_maritime', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 0, maxzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(200, 86%, 49%)', 'line-width': { base: 1, stops: [[3, 1], [5, 1.2]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['!has', 'claimed_by'], ['==', 'disputed', 0], ['==', 'maritime', 1]] }, { id: 'boundary_2_z0-4_disputed', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 0, maxzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 50%, 42%)', 'line-width': { base: 1, stops: [[3, 1], [5, 1.2]] }, 'line-opacity': 1, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 1]] }, { id: 'boundary_2_z0-4_disputed_maritime', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 0, maxzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(200, 86%, 49%)', 'line-width': { base: 1, stops: [[3, 1], [5, 1.2]] }, 'line-opacity': 1, 'line-dasharray': [2, 2] }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'maritime', 1], ['==', 'disputed', 1]] }, { id: 'boundary_2_z5', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 50%, 42%)', 'line-width': { base: 1, stops: [[5, 1.2], [12, 3]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'disputed', 0], ['==', 'maritime', 0]] }, { id: 'boundary_2_z5_disputed', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(0, 50%, 36%)', 'line-width': { base: 1, stops: [[5, 1.2], [12, 3]] }, 'line-opacity': 1, 'line-dasharray': [4, 3] }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'disputed', 1], ['==', 'maritime', 0]] }, { id: 'boundary_2_z5_disputed_maritime', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(200, 86%, 49%)', 'line-width': { base: 1, stops: [[5, 1.2], [12, 3]] }, 'line-opacity': 1, 'line-dasharray': [4, 3] }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'disputed', 1], ['==', 'maritime', 1]] }, { id: 'boundary_2_z5_maritime', type: 'line', source: 'openmaptiles', 'source-layer': 'boundary', minzoom: 5, layout: { 'line-cap': 'round', 'line-join': 'round', visibility: 'visible' }, paint: { 'line-color': 'hsl(200, 86%, 49%)', 'line-width': { base: 1, stops: [[5, 1.2], [12, 3]] }, 'line-opacity': 1 }, metadata: {}, filter: ['all', ['==', 'admin_level', 2], ['==', 'disputed', 0], ['==', 'maritime', 1]] }, { id: 'water_name_line', type: 'symbol', source: 'openmaptiles', 'source-layer': 'water_name', minzoom: 0, layout: { 'text-font': ['Roboto Regular', 'Noto Sans Regular'], 'text-size': 12, 'text-field': ['concat', ['get', 'name:latin'], ' ', ['get', 'name:nonlatin']], visibility: 'visible', 'text-max-width': 5, 'symbol-placement': 'line' }, paint: { 'text-color': 'hsl(238, 29%, 30%)', 'text-halo-color': 'hsla(0, 0%, 55%, 0.7)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'LineString']] }, { id: 'water_name_point', type: 'symbol', source: 'openmaptiles', 'source-layer': 'water_name', minzoom: 2, maxzoom: 24, layout: { 'text-font': ['Roboto Regular', 'Noto Sans Regular'], 'text-size': 12, 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-max-width': 5 }, paint: { 'text-color': 'hsl(210, 27%, 27%)', 'text-halo-color': 'hsla(0, 0%, 55%, 0)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['!=', 'class', 'ocean']] }, { id: 'water_ocean_name_point', type: 'symbol', source: 'openmaptiles', 'source-layer': 'water_name', minzoom: 0, layout: { 'text-font': ['Roboto Regular', 'Noto Sans Regular'], 'text-size': 12, 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-max-width': 5 }, paint: { 'text-color': 'hsl(210, 27%, 27%)', 'text-halo-color': 'hsla(0, 0%, 55%, 0)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'ocean']] }, { id: 'poi_z16_subclass', type: 'symbol', source: 'openmaptiles', 'source-layer': 'poi', minzoom: 16, layout: { 'text-font': ['Roboto Condensed Italic', 'Noto Sans Italic'], 'text-size': 12, 'icon-image': '{subclass}_11', 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-anchor': 'top', 'text-offset': [0, 0.6], 'text-padding': 2, 'text-max-width': 9 }, paint: { 'text-color': 'hsl(0, 82%, 60%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(0, 82%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['>=', 'rank', 20], ['any', ['all', ['in', 'class', 'pitch'], ['in', 'subclass', 'soccer', 'tennis', 'baseball', 'basketball', 'swimming', 'golf']]], ['any', ['!has', 'level'], ['==', 'level', 0]]] }, { id: 'poi_z16', type: 'symbol', source: 'openmaptiles', 'source-layer': 'poi', minzoom: 16, layout: { 'text-font': ['Roboto Condensed Italic', 'Noto Sans Italic'], 'text-size': 12, 'icon-image': '{class}_11', 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-anchor': 'top', 'text-offset': [0, 0.6], 'text-padding': 2, 'text-max-width': 9 }, paint: { 'text-color': 'hsl(0, 82%, 60%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(0, 82%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['!=', 'class', 'swimming_pool'], ['>=', 'rank', 20], ['none', ['all', ['in', 'class', 'pitch'], ['in', 'subclass', 'soccer', 'tennis', 'baseball', 'basketball', 'swimming', 'golf']]], ['any', ['!has', 'level'], ['==', 'level', 0]]] }, { id: 'poi_z15', type: 'symbol', source: 'openmaptiles', 'source-layer': 'poi', minzoom: 15, layout: { 'text-font': ['Roboto Condensed Italic', 'Noto Sans Italic'], 'text-size': 12, 'icon-image': '{class}_11', 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-anchor': 'top', 'text-offset': [0, 0.6], 'text-padding': 2, 'text-max-width': 9 }, paint: { 'text-color': 'hsl(0, 82%, 60%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(0, 82%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['!=', 'class', 'swimming_pool'], ['>=', 'rank', 7], ['<', 'rank', 20], ['any', ['!has', 'level'], ['==', 'level', 0]]] }, { id: 'poi_z14', type: 'symbol', source: 'openmaptiles', 'source-layer': 'poi', minzoom: 14.2, layout: { 'icon-size': 0.9, 'text-font': ['Roboto Condensed Italic', 'Noto Sans Italic'], 'text-size': 12, 'icon-image': '{class}_11', 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-anchor': 'top', 'text-offset': [0, 0.6], 'text-padding': 2, 'text-max-width': 9 }, paint: { 'text-color': 'hsl(0, 82%, 60%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(0, 82%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['==', '$type', 'Point'], ['!=', 'class', 'swimming_pool'], ['any', ['<', 'rank', 7]], ['any', ['!has', 'level'], ['==', 'level', 0]]] }, { id: 'poi_transit', type: 'symbol', source: 'openmaptiles', 'source-layer': 'poi', minzoom: 15, layout: { 'icon-size': 0.9, 'text-font': ['Roboto Condensed Italic', 'Noto Sans Italic'], 'text-size': 12, 'icon-image': '{class}_11', 'text-field': ['concat', ['get', 'name:latin'], '\n', ['get', 'name:nonlatin']], visibility: 'visible', 'text-anchor': 'left', 'text-offset': [0.9, 0], 'text-padding': 2, 'text-max-width': 9 }, paint: { 'text-color': 'hsl(0, 82%, 60%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(0, 82%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['in', 'class', 'bus', 'railway', 'airport'], ['==', 'subclass', 'station']] }, { id: 'road_oneway', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 15, layout: { 'icon-size': { stops: [[15, 0.5], [19, 1]] }, 'icon-image': 'oneway', visibility: 'visible', 'icon-rotate': 90, 'icon-padding': 2, 'symbol-spacing': 75, 'symbol-placement': 'line', 'icon-rotation-alignment': 'map' }, paint: { 'icon-opacity': 0.5 }, filter: ['all', ['==', 'oneway', 1], ['in', 'class', 'motorway', 'trunk', 'primary', 'secondary', 'tertiary', 'minor', 'service']] }, { id: 'road_oneway_opposite', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation', minzoom: 15, layout: { 'icon-size': { stops: [[15, 0.5], [19, 1]] }, 'icon-image': 'oneway', 'icon-rotate': -90, 'icon-padding': 2, 'symbol-spacing': 75, 'symbol-placement': 'line', 'icon-rotation-alignment': 'map', visibility: 'visible' }, paint: { 'icon-opacity': 0.5 }, filter: ['all', ['==', 'oneway', -1], ['in', 'class', 'motorway', 'trunk', 'primary', 'secondary', 'tertiary', 'minor', 'service']] }, { id: 'road_gondola_label', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 13, layout: { 'text-font': ['Roboto Italic', 'Noto Sans Italic'], 'text-size': { base: 1, stops: [[13, 11], [15, 12]] }, 'text-field': ['concat', ['get', 'name:latin'], ' ', ['get', 'name:nonlatin']], 'text-anchor': 'center', 'text-offset': [0.8, 0.8], 'symbol-placement': 'line', visibility: 'visible' }, paint: { 'text-color': 'hsl(57, 82%, 61%)', 'text-halo-blur': 0.5, 'text-halo-color': 'hsl(30, 80%, 100%)', 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['in', 'subclass', 'gondola', 'cable_car']] }, { id: 'road_ferry_label', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 12, layout: { 'text-font': ['Roboto Italic', 'Noto Sans Italic'], 'text-size': { base: 1, stops: [[13, 11], [15, 12]] }, 'text-field': ['concat', ['get', 'name:latin'], ' ', ['get', 'name:nonlatin']], 'text-anchor': 'center', 'text-offset': [0.8, 0.8], 'symbol-placement': 'line', visibility: 'visible' }, paint: { 'text-color': 'hsl(231, 91%, 62%)', 'text-halo-blur': 0.5, 'text-halo-width': 1 }, filter: ['all', ['==', 'subclass', 'ferry']] }, { id: 'road_label', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', layout: { 'text-font': ['Roboto Regular', 'Noto Sans Regular'], 'text-size': { base: 1, stops: [[13, 11], [14, 13]] }, 'text-field': ['concat', ['get', 'name:latin'], ' ', ['get', 'name:nonlatin']], 'text-anchor': 'center', 'text-offset': [0, 0.15], 'symbol-placement': 'line', visibility: 'visible' }, paint: { 'text-color': 'hsl(60, 83%, 60%)', 'text-halo-blur': 0.5, 'text-halo-width': 1 }, metadata: {}, filter: ['all', ['!in', 'subclass', 'ferry', 'gondola', 'cable_car']] }, { id: 'highway-junction', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 15.5, layout: { 'icon-size': 1, 'text-font': ['Noto Sans Regular'], 'text-size': 10, 'icon-image': 'circle_8', 'text-field': 'Exit {ref}', visibility: 'visible', 'text-anchor': 'bottom-left', 'text-offset': [0.55, -0.4], 'text-justify': 'center', 'icon-text-fit': 'none', 'symbol-spacing': 200, 'symbol-z-order': 'auto', 'symbol-placement': 'point', 'symbol-avoid-edges': true, 'text-pitch-alignment': 'auto', 'icon-rotation-alignment': 'viewport', 'text-rotation-alignment': 'viewport' }, paint: { 'text-color': 'hsl(30, 80%, 54%)', 'icon-opacity': 1 }, filter: ['all', ['==', '$type', 'Point'], ['==', 'subclass', 'junction'], ['>', 'ref_length', 0]] }, { id: 'highway-shield', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 8, layout: { 'icon-size': 1, 'text-font': ['Noto Sans Regular'], 'text-size': 10, 'icon-image': 'road_{ref_length}', 'text-field': '{ref}', 'symbol-spacing': 200, 'symbol-placement': { base: 1, stops: [[10, 'point'], [11, 'line']] }, 'symbol-avoid-edges': true, 'icon-rotation-alignment': 'viewport', 'text-rotation-alignment': 'viewport', visibility: 'visible' }, paint: { 'text-color': 'hsl(0, 82%, 43%)' }, filter: ['all', ['<=', 'ref_length', 6], ['==', '$type', 'LineString'], ['!in', 'network', 'us-interstate', 'us-highway', 'us-state']] }, { id: 'highway-shield-us-interstate', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 7, layout: { 'icon-size': 1, 'text-font': ['Noto Sans Regular'], 'text-size': 9, 'icon-image': '{network}_{ref_length}', 'text-field': '{ref}', 'symbol-spacing': 200, 'symbol-placement': { base: 1, stops: [[7, 'point'], [7, 'line'], [8, 'line']] }, 'symbol-avoid-edges': true, 'icon-rotation-alignment': 'viewport', 'text-rotation-alignment': 'viewport', visibility: 'visible' }, paint: { 'text-color': 'hsl(0, 82%, 100%)' }, filter: ['all', ['<=', 'ref_length', 6], ['==', '$type', 'LineString'], ['in', 'network', 'us-interstate']] }, { id: 'highway-shield-us-other', type: 'symbol', source: 'openmaptiles', 'source-layer': 'transportation_name', minzoom: 9, layout: { 'icon-size': 1, 'text-font': ['Noto Sans Regular'], 'text-size': 9, 'icon-image': '{network}_{ref_length}', 'text-field': '{ref}', 'symbol-spacing': 200, 'symbol-placement': { base: 1, stops: [[10, 'point'], [11, 'line']] }, 'symbol-avoid-edges': true, 'icon-rotation-alignment': 'viewport', 'text-rotation-alignment': 'viewport', visibility: 'visible' }, paint: { 'text-color': 'hsl(0, 82%, 43%)' }, filter: ['all', ['<