Newer
Older
KaiFengPC / src / views / sponeScreen / gisMF / mapStyle.js
@jimengfei jimengfei on 20 Jun 27 KB updata
let blue_vector = {
  version: 8,
  name: 'Basic',
  metadata: {
    'mapbox:autocomposite': false,
    'mapbox:type': 'template',
    'maputnik:renderer': 'mbgljs',
    'openmaptiles:version': '3.x',
    'openmaptiles:mapbox:owner': 'openmaptiles',
    'openmaptiles:mapbox:source:url': 'mapbox://openmaptiles.4qljc88t',
  },
  sources: {
    openmaptiles: {
      type: 'vector',
      tilejson: '2.1.0',
      name: 'tilemaker_default',
      description: 'Tiles made with Tilemaker',
      version: '1.0.0',
      scheme: 'xyz',
      tiles: ['/supermap1/bm/tile/{z}/{x}/{y}.pbf'],
      minzoom: 0,
      maxzoom: 14,
    },
  },
  sprite: 'https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite',
  glyphs: 'https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf',
  layers: [
    {
      id: 'background',
      type: 'background',
      paint: {
        'background-color': 'rgba(8,27,54,1)',
      },
    },
    {
      id: 'landuse-residential',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landuse',
      filter: ['all', ['==', '$type', 'Polygon'], ['in', 'class', 'residential', 'suburb', 'neighbourhood']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-opacity': 0.7,
        'fill-color': 'rgba(8,27,54,1)',
      },
    },
    {
      id: 'landcover_grass',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['==', 'class', 'grass'],
      paint: {
        'fill-color': 'rgba(14,39,72,1)',
        'fill-opacity': 1,
      },
    },
    {
      id: 'landcover_wood',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['==', 'class', 'wood'],
      paint: {
        'fill-color': 'rgba(1,1,137,0)',
        'fill-opacity': 1,
      },
    },
    {
      id: 'water',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'water',
      filter: ['all', ['==', '$type', 'Polygon'], ['!=', 'intermittent', 1], ['!=', 'brunnel', 'tunnel']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'rgba(12,59,122,1)',
      },
    },
    {
      id: 'water_intermittent',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'water',
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'intermittent', 1]],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'hsl(205, 56%, 73%)',
        'fill-opacity': 0.7,
      },
    },
    {
      id: 'landcover-ice-shelf',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['==', 'subclass', 'ice_shelf'],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'hsl(47, 26%, 88%)',
        'fill-opacity': 0.8,
      },
    },
    {
      id: 'landcover-glacier',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['==', 'subclass', 'glacier'],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'rgba(15,15,59,.7)',
        'fill-opacity': {
          base: 1,
          stops: [
            [0, 1],
            [8, 0.5],
          ],
        },
      },
    },
    {
      id: 'landcover_sand',
      type: 'fill',
      metadata: {},
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['all', ['in', 'class', 'sand']],
      paint: {
        'fill-antialias': false,
        'fill-color': 'rgba(232, 214, 38, 1)',
        'fill-opacity': 0.3,
      },
    },
    {
      id: 'landuse',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landuse',
      filter: ['==', 'class', 'agriculture'],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': '#eae0d0',
      },
    },
    {
      id: 'landuse_overlay_national_park',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      filter: ['==', 'class', 'national_park'],
      paint: {
        'fill-color': '#E1EBB0',
        'fill-opacity': {
          base: 1,
          stops: [
            [5, 0],
            [9, 0.75],
          ],
        },
      },
    },
    {
      id: 'waterway-tunnel',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'tunnel']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsl(205, 56%, 73%)',
        'line-dasharray': [3, 3],
        'line-gap-width': {
          stops: [
            [12, 0],
            [20, 6],
          ],
        },
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [8, 1],
            [20, 2],
          ],
        },
      },
    },
    {
      id: 'waterway',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['all', ['==', '$type', 'LineString'], ['!in', 'brunnel', 'tunnel', 'bridge'], ['!=', 'intermittent', 1]],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [8, 1],
            [20, 8],
          ],
        },
        'line-color': 'rgba(9,38,86,1)',
      },
    },
    {
      id: 'waterway_intermittent',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['all', ['==', '$type', 'LineString'], ['!in', 'brunnel', 'tunnel', 'bridge'], ['==', 'intermittent', 1]],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsl(205, 56%, 73%)',
        'line-dasharray': [2, 1],
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [8, 1],
            [20, 8],
          ],
        },
      },
    },
    {
      id: 'tunnel_railway_transit',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 0,
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'tunnel'], ['==', 'class', 'transit']],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
      },
      paint: {
        'line-color': 'hsl(34, 12%, 66%)',
        'line-dasharray': [3, 3],
        'line-opacity': {
          base: 1,
          stops: [
            [11, 0],
            [16, 1],
          ],
        },
      },
    },
    {
      id: 'housenumber',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'housenumber',
      minzoom: 17,
      filter: ['==', '$type', 'Point'],
      layout: {
        'text-field': '{housenumber}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-size': 16,
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'road_area_pier',
      type: 'fill',
      metadata: {},
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'pier']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-antialias': true,
        'fill-color': 'hsl(47, 26%, 88%)',
      },
    },
    {
      id: 'road_pier',
      type: 'line',
      metadata: {},
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'pier']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'hsl(47, 26%, 88%)',
        'line-width': {
          base: 1.2,
          stops: [
            [15, 1],
            [17, 4],
          ],
        },
      },
    },
    {
      id: 'road_bridge_area',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'Polygon'], ['in', 'brunnel', 'bridge']],
      layout: {},
      paint: {
        'fill-color': 'rgba(10,26,41,1)',
        'fill-opacity': 0.5,
      },
    },
    {
      id: 'road_path',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'path', 'track']],
      layout: {
        'line-cap': 'square',
        'line-join': 'bevel',
      },
      paint: {
        'line-color': 'hsl(0, 0%, 50%)',
        'line-dasharray': [1],
        'line-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 10],
          ],
        },
      },
    },
    {
      id: 'road_minor',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 13,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'minor', 'service']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 30],
          ],
        },
        'line-color': 'rgba(10,26,41,1)',
      },
    },
    {
      id: 'road_minor case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 13,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'minor', 'service']],
      layout: {},
      paint: {
        'line-width': {
          stops: [
            [12, 0.75],
            [20, 2],
          ],
          base: 1.2,
        },
        'line-gap-width': {
          stops: [
            [13, 0],
            [14, 2],
            [18, 10],
          ],
          base: 1.5,
        },
        'line-opacity': {
          stops: [
            [13.99, 0],
            [14, 1],
          ],
          base: 1,
        },
        'line-color': 'rgba(25,81,133,1)',
      },
    },
    {
      id: 'tunnel_minor',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'tunnel'], ['==', 'class', 'minor_road']],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
      },
      paint: {
        'line-color': '#efefef',
        'line-dasharray': [0.36, 0.18],
        'line-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'tunnel_major',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: [
        'all',
        ['==', '$type', 'LineString'],
        ['==', 'brunnel', 'tunnel'],
        ['in', 'class', 'primary', 'secondary', 'tertiary', 'trunk'],
      ],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
      },
      paint: {
        'line-color': '#fff',
        'line-dasharray': [0.28, 0.14],
        'line-width': {
          base: 1.4,
          stops: [
            [6, 0.5],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'aeroway-area',
      type: 'fill',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 4,
      filter: ['all', ['==', '$type', 'Polygon'], ['in', 'class', 'runway', 'taxiway']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'rgba(255, 255, 255, 1)',
        'fill-opacity': {
          base: 1,
          stops: [
            [13, 0],
            [14, 1],
          ],
        },
      },
    },
    {
      id: 'aeroway-taxiway',
      type: 'line',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 12,
      filter: ['all', ['in', 'class', 'taxiway'], ['==', '$type', 'LineString']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'none',
      },
      paint: {
        'line-color': 'rgba(255, 255, 255, 1)',
        'line-opacity': 1,
        'line-width': {
          base: 1.5,
          stops: [
            [12, 1],
            [17, 10],
          ],
        },
      },
    },
    {
      id: 'aeroway-runway',
      type: 'line',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 4,
      filter: ['all', ['in', 'class', 'runway'], ['==', '$type', 'LineString']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(15,15,59, 1)',
        'line-opacity': 1,
        'line-width': {
          base: 1.5,
          stops: [
            [11, 4],
            [17, 50],
          ],
        },
      },
    },
    {
      id: 'road_trunk_primary',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'trunk', 'primary']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'rgba(10,26,41,1)',
        'line-width': {
          base: 1.4,
          stops: [
            [6, 0.5],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'road_trunk_primary case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'trunk', 'primary']],
      layout: {},
      paint: {
        'line-width': {
          stops: [
            [12, 0.75],
            [20, 2],
          ],
          base: 1.2,
        },
        'line-gap-width': {
          stops: [
            [13, 0],
            [14, 2],
            [18, 10],
          ],
          base: 1.5,
        },
        'line-opacity': {
          stops: [
            [10, 0],
            [14, 1],
          ],
          base: 1,
        },
        'line-color': 'rgba(25,81,133,1)',
      },
    },
    {
      id: 'road_secondary_tertiary',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'secondary', 'tertiary']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'rgba(10,26,41,1)',
        'line-width': {
          base: 1.4,
          stops: [
            [6, 0.5],
            [20, 20],
          ],
        },
      },
    },
    {
      id: 'road_secondary_tertiary case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'secondary', 'tertiary']],
      layout: {},
      paint: {
        'line-width': {
          stops: [
            [12, 0.75],
            [20, 2],
          ],
          base: 1.2,
        },
        'line-gap-width': {
          stops: [
            [13, 0],
            [14, 2],
            [18, 10],
          ],
          base: 1.5,
        },
        'line-opacity': {
          stops: [
            [10, 0],
            [14, 1],
          ],
          base: 1,
        },
        'line-color': 'rgba(25,81,133,1)',
      },
    },
    {
      id: 'road_major_motorway',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'motorway']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'rgba(10,26,41,1)',
        'line-offset': 0,
        'line-width': {
          base: 1.4,
          stops: [
            [8, 1],
            [16, 10],
          ],
        },
      },
    },
    {
      id: 'railway-transit',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', 'class', 'transit'], ['!=', 'brunnel', 'tunnel']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsl(34, 12%, 66%)',
        'line-opacity': {
          base: 1,
          stops: [
            [11, 0],
            [16, 1],
          ],
        },
      },
    },
    {
      id: 'railway',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['==', 'class', 'rail'],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(183, 174, 161, 1)',
        'line-opacity': {
          base: 1,
          stops: [
            [11, 0],
            [16, 1],
          ],
        },
      },
    },
    {
      id: 'waterway-bridge-case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge']],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
      },
      paint: {
        'line-color': '#bbbbbb',
        'line-gap-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 30],
          ],
        },
        'line-width': {
          base: 1.6,
          stops: [
            [12, 0.5],
            [20, 10],
          ],
        },
      },
    },
    {
      id: 'waterway-bridge',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'hsl(205, 56%, 73%)',
        'line-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'bridge_minor case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge'], ['==', 'class', 'minor_road']],
      layout: {},
      paint: {
        'line-width': {
          stops: [
            [12, 0.75],
            [20, 2],
          ],
          base: 1.2,
        },
        'line-gap-width': {
          stops: [
            [13, 0],
            [14, 2],
            [18, 10],
          ],
          base: 1.5,
        },
        'line-opacity': {
          stops: [
            [13.99, 0],
            [14, 1],
          ],
          base: 1,
        },
        'line-color': 'rgba(25,81,133,1)',
      },
    },
    {
      id: 'bridge_major case',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: [
        'all',
        ['==', '$type', 'LineString'],
        ['==', 'brunnel', 'bridge'],
        ['in', 'class', 'road', 'primary', 'secondary', 'tertiary', 'trunk'],
      ],
      layout: {},
      paint: {
        'line-width': {
          stops: [
            [12, 0.75],
            [20, 2],
          ],
          base: 1.2,
        },
        'line-gap-width': {
          stops: [
            [13, 0],
            [14, 2],
            [18, 10],
          ],
          base: 1.5,
        },
        'line-opacity': {
          stops: [
            [13.99, 0],
            [14, 1],
          ],
          base: 1,
        },
        'line-color': 'rgba(25,81,133,1)',
      },
    },
    {
      id: 'bridge_minor',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'brunnel', 'bridge'], ['==', 'class', 'minor_road']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': '#efefef',
        'line-width': {
          base: 1.55,
          stops: [
            [4, 0.25],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'bridge_major',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: [
        'all',
        ['==', '$type', 'LineString'],
        ['==', 'brunnel', 'bridge'],
        ['in', 'class', 'primary', 'secondary', 'tertiary', 'trunk'],
      ],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-color': 'rgba(10,26,41,1)',
        'line-width': {
          base: 1.4,
          stops: [
            [6, 0.5],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'admin_sub',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'boundary',
      filter: ['all'],
      layout: {
        visibility: 'visible',
        'line-join': 'round',
      },
      paint: {
        'line-opacity': 0,
        'line-dasharray': [1, 0],
        'line-width': 1,
        'line-color': 'rgba(10,26,41,1)',
      },
    },
    {
      id: 'admin_country_z0-4',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'boundary',
      minzoom: 0,
      maxzoom: 5,
      filter: ['all', ['<=', 'admin_level', 2], ['==', '$type', 'LineString'], ['!has', 'claimed_by']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(255, 255, 255, 0)',
        'line-width': {
          base: 1.3,
          stops: [
            [3, 0.5],
            [22, 15],
          ],
        },
      },
    },
    {
      id: 'admin_country_z5-',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'boundary',
      minzoom: 5,
      filter: ['all', ['<=', 'admin_level', 2], ['==', '$type', 'LineString']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsl(0, 0%, 60%)',
        'line-width': {
          base: 1.3,
          stops: [
            [3, 0.5],
            [22, 15],
          ],
        },
      },
    },
    {
      id: 'poi_label',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'poi',
      minzoom: 11,
      filter: ['all', ['==', '$type', 'Point'], ['==', 'rank', 1]],
      layout: {
        'icon-size': 1,
        'text-anchor': 'top',
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 8,
        'text-offset': [0, 0.5],
        'text-size': 14,
        visibility: 'visible',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'airport-label',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'aerodrome_label',
      minzoom: 10,
      filter: ['all', ['has', 'iata']],
      layout: {
        'icon-size': 1,
        'text-anchor': 'top',
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 8,
        'text-offset': [0, 0.5],
        'text-size': 14,
        visibility: 'visible',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'road_major_label',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'transportation_name',
      minzoom: 11,
      filter: ['==', '$type', 'LineString'],
      layout: {
        'symbol-placement': 'line',
        'text-field': '{name:nonlatin} {name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-letter-spacing': 0.1,
        'text-rotation-alignment': 'map',
        'text-size': {
          base: 1.4,
          stops: [
            [10, 16],
            [20, 22],
          ],
        },
        'text-transform': 'uppercase',
        visibility: 'visible',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'place_label_other',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'place',
      minzoom: 8,
      filter: ['all', ['==', '$type', 'Point'], ['!in', 'class', 'city', 'state', 'country', 'continent']],
      layout: {
        'text-anchor': 'center',
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 6,
        'text-size': 14,
        visibility: 'none',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'place_label_city',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'place',
      maxzoom: 16,
      filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'city']],
      layout: {
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 10,
        'text-size': {
          stops: [
            [8, 20],
            [10, 24],
          ],
        },
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'country_label-other',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'place',
      maxzoom: 12,
      filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'country'], ['!has', 'iso_a2']],
      layout: {
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 10,
        'text-size': {
          stops: [
            [3, 20],
            [8, 30],
          ],
        },
        visibility: 'visible',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'country_label',
      type: 'symbol',
      source: 'openmaptiles',
      'source-layer': 'place',
      maxzoom: 12,
      filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'country'], ['has', 'iso_a2']],
      layout: {
        'text-field': '{name:nonlatin}',
        'text-font': ['KlokanTech Noto Sans CJK Bold'],
        'text-max-width': 10,
        'text-size': 28,
        visibility: 'visible',
      },
      paint: {
        'text-halo-color': 'rgba(0,0,0,1)',
        'text-color': 'rgba(0,167,210,1)',
        'icon-opacity': 1,
        'text-halo-width': 1,
      },
    },
    {
      id: 'building-3d',
      type: 'fill-extrusion',
      metadata: {},
      source: 'openmaptiles',
      'source-layer': 'building',
      minzoom: 14,
      filter: ['all', ['!has', 'hide_3d']],
      layout: {
        visibility: 'none',
      },
      paint: {
        'fill-extrusion-base': {
          type: 'identity',
          property: 'render_min_height',
        },
        'fill-extrusion-color': 'rgba(15,15,59, 1)',
        'fill-extrusion-height': {
          type: 'identity',
          property: 'render_height',
        },
        'fill-extrusion-opacity': 0.3,
      },
    },
  ],
  id: 'basic',
};
export default blue_vector;