Newer
Older
HuangJiPC / src / pages / views / WatershedOneMap / modalPart / modal / mapboxStyle.js
@jimengfei jimengfei on 10 Jul 35 KB updata
let blue_vector = {
  version: 8,
  name: 'Mapbox Navigation Guidance Night',
  metadata: {
    'mapbox:autocomposite': false,
    'mapbox:groups': {
      '101da9f13b64a08fa4b6ac1168e89e5f': {
        collapsed: true,
        name: 'Places',
      },
      a14c9607bc7954ba1df7205bf660433f: {
        name: 'Boundaries',
      },
      b6371a3f2f5a9932464fa3867530a2e5: {
        collapsed: true,
        name: 'Transportation',
      },
    },
    'mapbox:type': 'template',
    'openmaptiles:mapbox:owner': 'openmaptiles',
    'openmaptiles:mapbox:source:url': 'mapbox://openmaptiles.4qljc88t',
    'openmaptiles:version': '3.x',
    'maputnik:renderer': 'mbgljs',
  },
  sources: {
    openmaptiles: {
      type: 'vector',
      // tiles: [location.origin + `/mapApiUrl/api/tilesets/china_wuhan/{z}/{x}/{y}.pbf`], //cesium地图图层加载
      tiles: [`http://192.168.10.33:1234/api/tilesets/china_wuhan/{z}/{x}/{y}.pbf`], //cesium地图图层加载
      maxzoom: 19,
      minzoom: 0,
    },
  },
  // sprite: location.origin + '/mapApiUrl/api/sprites/streets/sprite', //cesium地图图层加载
  // sprite: 'http://192.168.10.33:1234/api/sprites/streets/sprite', //cesium地图图层加载
  // glyphs: '/mapboxfont/fontFiles/{fontstack}/{range}.pbf', //cesium字体加载
  layers: [
    {
      id: 'background',
      type: 'background',
      paint: {
        'background-color': 'rgba(0, 36, 52, 1)',
      },
    },
    {
      id: 'park',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'park',
      filter: ['==', '$type', 'Polygon'],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': '#002433',
      },
    },
    {
      id: 'water',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'water',
      filter: ['all', ['==', '$type', 'Polygon'], ['!=', 'brunnel', 'tunnel']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-antialias': true,
        'fill-color': 'rgba(0,81,130, 0.8)',
      },
    },
    {
      id: 'landcover_ice_shelf',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      maxzoom: 8,
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'subclass', 'ice_shelf']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'hsl(0, 0%, 98%)',
        'fill-opacity': 0.7,
      },
    },
    {
      id: 'landcover_glacier',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      maxzoom: 8,
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'subclass', 'glacier']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': 'hsl(0, 0%, 98%)',
        'fill-opacity': {
          base: 1,
          stops: [
            [0, 1],
            [8, 0.5],
          ],
        },
      },
    },
    {
      id: 'landuse_residential',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landuse',
      maxzoom: 16,
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'residential']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': '#002433',
        'fill-opacity': {
          base: 0.6,
          stops: [
            [8, 0.8],
            [9, 0.6],
          ],
        },
      },
    },
    {
      id: 'landcover_wood',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'landcover',
      minzoom: 10,
      filter: ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'wood']],
      layout: {
        visibility: 'visible',
      },
      paint: {
        'fill-color': '#002433',
        'fill-opacity': {
          base: 1,
          stops: [
            [8, 0],
            [12, 1],
          ],
        },
      },
    },
    {
      id: 'waterway',
      type: 'line',
      source: 'openmaptiles',
      'source-layer': 'waterway',
      filter: ['==', '$type', 'LineString'],
      layout: {
        visibility: 'none',
      },
      paint: {
        'line-color': 'rgba(27,222,216, 1)',
      },
    },
    // {
    //   id: 'water_name',
    //   type: 'symbol',
    //   source: 'openmaptiles',
    //   'source-layer': 'water_name',
    //   //filter: ["==", "$type", "LineString"],
    //   layout: {
    //     'symbol-placement': 'line',
    //     'symbol-spacing': 500,
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech', 'KlokanTech'],
    //     'text-rotation-alignment': 'map',
    //     'text-size': 20,
    //   },
    //   paint: {
    //     'text-color': 'rgb(157,169,177)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 1)',
    //     'text-halo-width': 1,
    //   },
    // },
    {
      id: 'building',
      type: 'fill',
      source: 'openmaptiles',
      'source-layer': 'building',
      minzoom: 12,
      paint: {
        'fill-antialias': true,
        'fill-color': 'rgba(59, 59, 59, 1)',
        'fill-outline-color': '#3b3b3b',
      },
    },
    {
      id: 'tunnel_motorway_casing',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'brunnel', 'tunnel'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(213, 213, 213, 0)',
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [5.8, 0],
            [6, 3],
            [20, 40],
          ],
        },
      },
    },
    {
      id: 'tunnel_motorway_inner',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'brunnel', 'tunnel'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(234, 234, 234, 0)',
        'line-width': {
          base: 1.4,
          stops: [
            [4, 2],
            [6, 1.3],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'aeroway-taxiway',
      type: 'line',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 12,
      filter: ['all', ['in', 'class', 'taxiway']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsl(0, 0%, 88%)',
        'line-opacity': 1,
        'line-width': {
          base: 1.55,
          stops: [
            [13, 1.8],
            [20, 20],
          ],
        },
      },
    },
    {
      id: 'aeroway-runway-casing',
      type: 'line',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 11,
      filter: ['all', ['in', 'class', 'runway']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(0, 0, 0, 0)',
        'line-opacity': 1,
        'line-width': {
          base: 1.5,
          stops: [
            [11, 6],
            [17, 55],
          ],
        },
      },
    },
    {
      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(8, 8, 6, 1)',
        'fill-opacity': {
          base: 1,
          stops: [
            [13, 0],
            [14, 1],
          ],
        },
      },
    },
    {
      id: 'aeroway-runway',
      type: 'line',
      metadata: {
        'mapbox:group': '1444849345966.4436',
      },
      source: 'openmaptiles',
      'source-layer': 'aeroway',
      minzoom: 11,
      filter: ['all', ['in', 'class', 'runway'], ['==', '$type', 'LineString']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(8, 8, 6, 1)',
        'line-opacity': 1,
        'line-width': {
          base: 1.5,
          stops: [
            [11, 4],
            [17, 50],
          ],
        },
      },
    },
    {
      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': 'rgb(242,243,240)',
      },
    },
    {
      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': 'rgb(242,243,240)',
        'line-width': {
          base: 1.2,
          stops: [
            [15, 1],
            [17, 4],
          ],
        },
      },
    },
    {
      id: 'highway_path',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'path']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#080805',
        'line-opacity': 0.9,
        'line-width': {
          base: 1.2,
          stops: [
            [13, 1],
            [20, 10],
          ],
        },
      },
    },
    {
      id: 'highway_minor',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 8,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'minor', 'service', 'track']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(8, 8, 6, 1)',
        'line-opacity': 0.9,
        'line-width': {
          base: 1.55,
          stops: [
            [13, 1.8],
            [20, 20],
          ],
        },
      },
    },
    {
      id: 'highway_major_casing',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 11,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'primary', 'secondary', 'tertiary', 'trunk']],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(8,8,6,0)',
        'line-dasharray': [12, 0],
        'line-width': {
          base: 1.3,
          stops: [
            [10, 3],
            [20, 23],
          ],
        },
      },
    },
    {
      id: 'highway_major_inner',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 11,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'primary', 'secondary', 'tertiary', 'trunk']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-width': {
          base: 1.3,
          stops: [
            [10, 2],
            [20, 20],
          ],
        },
        'line-color': 'rgba(8, 8, 6, 0.7)',
      },
    },
    {
      id: 'highway_major_subtle',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      maxzoom: 11,
      filter: ['all', ['==', '$type', 'LineString'], ['in', 'class', 'primary', 'secondary', 'tertiary', 'trunk']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'rgba(8, 8, 6, 1)',
        'line-width': 2,
      },
    },
    {
      id: 'highway_motorway_casing',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#080806',
        'line-dasharray': [2, 0],
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [5.8, 0],
            [6, 3],
            [20, 40],
          ],
        },
      },
    },
    {
      id: 'highway_motorway_inner',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['!in', 'brunnel', 'bridge', 'tunnel'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': {
          base: 1,
          stops: [
            [5.8, '#080806'],
            [6, '#080806'],
          ],
        },
        'line-width': {
          base: 1.4,
          stops: [
            [4, 2],
            [6, 1.3],
            [20, 30],
          ],
        },
      },
    },
    {
      id: 'highway_motorway_subtle',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      maxzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'motorway']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': 'hsla(0, 0%, 85%, 0.53)',
        'line-width': {
          base: 1.4,
          stops: [
            [4, 2],
            [6, 1.3],
          ],
        },
      },
    },
    {
      id: 'railway_transit',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 16,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'class', 'transit'], ['!in', 'brunnel', 'tunnel']]],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#dddddd',
        'line-width': 3,
      },
    },
    {
      id: 'railway_transit_dashline',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 16,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'class', 'transit'], ['!in', 'brunnel', 'tunnel']]],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#fafafa',
        'line-dasharray': [3, 3],
        'line-width': 2,
      },
    },
    {
      id: 'railway_service',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 16,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'class', 'rail'], ['has', 'service']]],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#dddddd',
        'line-width': 3,
      },
    },
    {
      id: 'railway_service_dashline',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 16,
      filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'rail'], ['has', 'service']],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#fafafa',
        'line-dasharray': [3, 3],
        'line-width': 2,
      },
    },
    {
      id: 'railway',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 13,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['!has', 'service'], ['==', 'class', 'rail']]],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#080806',
        'line-width': {
          base: 1.3,
          stops: [
            [16, 3],
            [20, 7],
          ],
        },
      },
    },
    {
      id: 'railway_dashline',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 13,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['!has', 'service'], ['==', 'class', 'rail']]],
      layout: {
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#080806',
        'line-dasharray': [3, 3],
        'line-width': {
          base: 1.3,
          stops: [
            [16, 2],
            [20, 6],
          ],
        },
      },
    },
    {
      id: 'highway_motorway_bridge_casing',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'brunnel', 'bridge'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'butt',
        'line-join': 'miter',
        visibility: 'visible',
      },
      paint: {
        'line-color': '#080806',
        'line-dasharray': [2, 0],
        'line-opacity': 1,
        'line-width': {
          base: 1.4,
          stops: [
            [5.8, 0],
            [6, 5],
            [20, 45],
          ],
        },
      },
    },
    {
      id: 'highway_motorway_bridge_inner',
      type: 'line',
      metadata: {
        'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
      },
      source: 'openmaptiles',
      'source-layer': 'transportation',
      minzoom: 6,
      filter: ['all', ['==', '$type', 'LineString'], ['all', ['==', 'brunnel', 'bridge'], ['==', 'class', 'motorway']]],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-color': {
          base: 1,
          stops: [
            [5.8, 'rgba(8, 8, 6, 0.51)'],
            [6, '#080806'],
          ],
        },
        'line-width': {
          base: 1.4,
          stops: [
            [4, 2],
            [6, 1.3],
            [20, 30],
          ],
        },
      },
    },
    // {
    //   id: 'highway_name_other',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'transportation_name',
    //   filter: ['all', ['!=', 'class', 'motorway'], ['==', '$type', 'LineString']],
    //   layout: {
    //     'symbol-placement': 'line',
    //     'symbol-spacing': 350,
    //     'text-field': '{name:latin} {name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-max-angle': 30,
    //     'text-pitch-alignment': 'viewport',
    //     'text-rotation-alignment': 'map',
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': '#bbb',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(255, 255, 255, 0)',
    //     'text-halo-width': 2,
    //     'text-translate': [0, 0],
    //     'text-translate-anchor': 'map',
    //     'icon-translate-anchor': 'map',
    //   },
    // },
    // {
    //   id: 'highway_name_motorway',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': 'b6371a3f2f5a9932464fa3867530a2e5',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'transportation_name',
    //   filter: ['all', ['==', '$type', 'LineString'], ['==', 'class', 'motorway']],
    //   layout: {
    //     'symbol-placement': 'line',
    //     'symbol-spacing': 350,
    //     'text-field': '{ref}',
    //     'text-font': ['KlokanTech'],
    //     'text-pitch-alignment': 'viewport',
    //     'text-rotation-alignment': 'viewport',
    //     'text-size': 10,
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': 'rgba(208, 215, 228, 1)',
    //     'text-halo-blur': 0,
    //     'text-halo-color': 'hsl(0, 0%, 100%)',
    //     'text-halo-width': 0,
    //     'text-translate': [0, 2],
    //   },
    // },
    {
      id: 'boundary_state',
      type: 'line',
      metadata: {
        'mapbox:group': 'a14c9607bc7954ba1df7205bf660433f',
      },
      source: 'openmaptiles',
      'source-layer': 'boundary',
      filter: ['==', 'admin_level', 4],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
        visibility: 'visible',
      },
      paint: {
        'line-blur': 0.4,
        'line-color': 'rgb(230, 204, 207)',
        'line-dasharray': [2, 2],
        'line-opacity': 1,
        'line-width': {
          base: 1.3,
          stops: [
            [3, 1],
            [22, 15],
          ],
        },
      },
    },
    {
      id: 'boundary_country_z0-4',
      type: 'line',
      metadata: {
        'mapbox:group': 'a14c9607bc7954ba1df7205bf660433f',
      },
      source: 'openmaptiles',
      'source-layer': 'boundary',
      maxzoom: 5,
      filter: ['all', ['==', 'admin_level', 2], ['!has', 'claimed_by']],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-blur': {
          base: 1,
          stops: [
            [0, 0.4],
            [22, 4],
          ],
        },
        'line-color': 'rgb(230, 204, 207)',
        'line-opacity': 1,
        'line-width': {
          base: 1.1,
          stops: [
            [3, 1],
            [22, 20],
          ],
        },
      },
    },
    {
      id: 'boundary_country_z5-',
      type: 'line',
      metadata: {
        'mapbox:group': 'a14c9607bc7954ba1df7205bf660433f',
      },
      source: 'openmaptiles',
      'source-layer': 'boundary',
      minzoom: 5,
      filter: ['==', 'admin_level', 2],
      layout: {
        'line-cap': 'round',
        'line-join': 'round',
      },
      paint: {
        'line-blur': {
          base: 1,
          stops: [
            [0, 0.4],
            [22, 4],
          ],
        },
        'line-color': 'rgb(230, 204, 207)',
        'line-opacity': 1,
        'line-width': {
          base: 1.1,
          stops: [
            [3, 1],
            [22, 20],
          ],
        },
      },
    },
    // {
    //   id: 'place_other',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 14,
    //   filter: ['all', ['in', 'class', 'continent', 'hamlet', 'neighbourhood', 'isolated_dwelling'], ['==', '$type', 'Point']],
    //   layout: {
    //     'text-anchor': 'center',
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'center',
    //     'text-offset': [0.5, 0],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 0)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_suburb',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 15,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'suburb']],
    //   layout: {
    //     'text-anchor': 'center',
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'center',
    //     'text-offset': [0.5, 0],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 0)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_village',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 14,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'village']],
    //   layout: {
    //     'icon-size': 0.4,
    //     'text-anchor': 'left',
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'left',
    //     'text-offset': [0.5, 0.2],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'icon-opacity': 0.7,
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 0)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_town',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 15,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'town']],
    //   layout: {
    //     'icon-image': {
    //       base: 1,
    //       stops: [
    //         [0, 'circle-11'],
    //         [8, ''],
    //       ],
    //     },
    //     'icon-size': 0.4,
    //     'text-anchor': {
    //       base: 1,
    //       stops: [
    //         [0, 'left'],
    //         [8, 'center'],
    //       ],
    //     },
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'left',
    //     'text-offset': [0.5, 0.2],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'icon-opacity': 0.7,
    //     'text-color': 'rgba(171, 187, 211, 1)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 0)',
    //     'text-halo-width': 1,
    //     'text-translate-anchor': 'map',
    //   },
    // },
    // {
    //   id: 'place_city',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 14,
    //   filter: ['all', ['==', '$type', 'Point'], ['all', ['!=', 'capital', 2], ['==', 'class', 'city'], ['>', 'rank', 3]]],
    //   layout: {
    //     'icon-image': {
    //       base: 1,
    //       stops: [
    //         [0, 'circle-11'],
    //         [8, ''],
    //       ],
    //     },
    //     'icon-size': 0.4,
    //     'text-anchor': {
    //       base: 1,
    //       stops: [
    //         [0, 'left'],
    //         [8, 'center'],
    //       ],
    //     },
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'left',
    //     'text-offset': [0.5, 0.2],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'icon-opacity': 0.7,
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242, 243, 240, 0)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_capital',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 12,
    //   filter: ['all', ['==', '$type', 'Point'], ['all', ['==', 'capital', 2], ['==', 'class', 'city']]],
    //   layout: {
    //     'icon-image': {
    //       base: 1,
    //       stops: [
    //         [0, 'star-11'],
    //         [8, ''],
    //       ],
    //     },
    //     'icon-size': 1,
    //     'text-anchor': {
    //       base: 1,
    //       stops: [
    //         [0, 'left'],
    //         [8, 'center'],
    //       ],
    //     },
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'left',
    //     'text-offset': [0.5, 0.2],
    //     'text-size': 14,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'icon-opacity': 0.7,
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgb(242,243,240)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_city_large',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 12,
    //   filter: ['all', ['==', '$type', 'Point'], ['all', ['!=', 'capital', 2], ['<=', 'rank', 3], ['==', 'class', 'city']]],
    //   layout: {
    //     'icon-image': {
    //       base: 1,
    //       stops: [
    //         [0, 'circle-11'],
    //         [8, ''],
    //       ],
    //     },
    //     'icon-size': 0.4,
    //     'text-anchor': {
    //       base: 1,
    //       stops: [
    //         [0, 'left'],
    //         [8, 'center'],
    //       ],
    //     },
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-justify': 'left',
    //     'text-offset': [0.5, 0.2],
    //     'text-size': 14,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'icon-opacity': 0.7,
    //     'text-color': 'rgb(117, 129, 145)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgba(242,243,240,0)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_state',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 12,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'state']],
    //   layout: {
    //     'text-field': '{name:latin}\n{name:nonlatin}',
    //     'text-font': ['KlokanTech'],
    //     'text-size': 10,
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': 'rgb(113, 129, 144)',
    //     'text-halo-blur': 1,
    //     'text-halo-color': 'rgb(242,243,240)',
    //     'text-halo-width': 1,
    //   },
    // },
    // {
    //   id: 'place_country_other',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 8,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'country'], ['!has', 'iso_a2']],
    //   layout: {
    //     'text-field': '{name:latin}',
    //     'text-font': ['KlokanTech', 'KlokanTech'],
    //     'text-size': {
    //       base: 1,
    //       stops: [
    //         [0, 9],
    //         [6, 11],
    //       ],
    //     },
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': {
    //       base: 1,
    //       stops: [
    //         [3, 'rgb(157,169,177)'],
    //         [4, 'rgb(153, 153, 153)'],
    //       ],
    //     },
    //     'text-halo-color': 'rgba(236,236,234,0.7)',
    //     'text-halo-width': 1.4,
    //   },
    // },
    // {
    //   id: 'place_country_minor',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 8,
    //   filter: ['all', ['==', '$type', 'Point'], ['==', 'class', 'country'], ['>=', 'rank', 2], ['has', 'iso_a2']],
    //   layout: {
    //     'text-field': '{name:latin}',
    //     'text-font': ['KlokanTech'],
    //     'text-size': {
    //       base: 1,
    //       stops: [
    //         [0, 10],
    //         [6, 12],
    //       ],
    //     },
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': {
    //       base: 1,
    //       stops: [
    //         [3, 'rgb(157,169,177)'],
    //         [4, 'rgb(153, 153, 153)'],
    //       ],
    //     },
    //     'text-halo-color': 'rgba(236,236,234,0.7)',
    //     'text-halo-width': 1.4,
    //   },
    // },
    // {
    //   id: 'place_country_major',
    //   type: 'symbol',
    //   metadata: {
    //     'mapbox:group': '101da9f13b64a08fa4b6ac1168e89e5f',
    //   },
    //   source: 'openmaptiles',
    //   'source-layer': 'place',
    //   maxzoom: 6,
    //   filter: ['all', ['==', '$type', 'Point'], ['<=', 'rank', 1], ['==', 'class', 'country'], ['has', 'iso_a2']],
    //   layout: {
    //     'text-anchor': 'center',
    //     'text-field': '{name:latin}',
    //     'text-font': ['KlokanTech'],
    //     'text-size': {
    //       base: 1.4,
    //       stops: [
    //         [0, 10],
    //         [3, 12],
    //         [4, 14],
    //       ],
    //     },
    //     'text-transform': 'uppercase',
    //     visibility: 'visible',
    //   },
    //   paint: {
    //     'text-color': {
    //       base: 1,
    //       stops: [
    //         [3, 'rgb(157,169,177)'],
    //         [4, 'rgb(153, 153, 153)'],
    //       ],
    //     },
    //     'text-halo-color': 'rgba(236,236,234,0.7)',
    //     'text-halo-width': 1.4,
    //   },
    // },
  ],
};
export default blue_vector;