VectorGL

Застосовується векторне відображення об'єктів з одного чи декількох наборів даних. Підтримує повну функціональність Mapbox Style Specification.

Інформація

Даний розділ стилізації знаходиться на етапі розробки.

Для стилізації використовуйте параметри бібліотеки Mapbox Style Specification

Приклади коду у форматі Yaml

dataset:
  - id: address
    columns: addr_number
    table: data_address.addr_address

  - id: sline
    geom: geom_sline
    table: data_address.addr_address

  - id: street
    columns: str_name
    table: data_address.addr_street


style:

  - id: street
    type: line
    source: street
    card: street_template
    color: '#1361e8'
    label: '{str_name}'
    width: 2

  - id: sline
    type: line
    source: sline
    color: '#888'
    minzoom: 14
    width: 0.5

  - id: address
    type: circle
    source: address
    color: '#cd697d'
    label: '{addr_number}'
    card: 'addr.address.table.t'
    minzoom: 14
    width: [[14,2],[18,10]]

Приклади коду у форматі JSON

[{
 type: 'circle',
 source: 'shelter',
 color: 'red',
 width: 5,
 minzoom: 1
},
{
 type: 'circle',
 source: 'stop',
 color: 'orange',
 width: 5,
 minzoom: 1
},
{
 type: 'circle',
 source: 'libraries',
 color: 'green',
 width: 10
}]

Приклад коду для набору даних "Земля"

dataset:

  - id: parcel
    columns: full_cad_number
    table: data_parcel.cad_parcel

style:

  - id: parcel
    type: polygon
    source: parcel
    color: 'orange'
    label: '{full_cad_number}'
    popup: full_cad_number
    stroke: red
    width: 0.3

Приклад коду для набору даних "Зонінг"

dataset:

  - id: zoning
    columns: zone_type
    table: data_dma.zoning

style:

  - id: zoning
    type: polygon
    source: zoning
    color: ['match',['get','zone_type'],
    ['Ж-1','Ж-2'],'orange',
    ['Г-1','Г-2'],'blue',
    '#ccc']
    stroke: gray
    width: 0.3