MapGL JS API | Style Editor | 2GIS Documentation
Style Editor

Configured layers for the MapGL JS API

To avoid setting up the display of objects on the map from scratch in the Style editor, use existing style layers. For example, if you need to customize metro icons, use layers from the Metro stations icons folder. See the detailed list of layers below.

To show city objects as icons, you can use layers with the Point type. Using these layers, you can customize the display of object icons in the default and selected states and their captions: size, text color, and other parameters.

For more information on layer types, see the list of layer types for the MapGL JS API.

Objects
Layers
Transport buildings Transport landmarks folder:
  • Bus station: bus stations.
  • Railway station: railway station buildings.
  • Airport: airports.
  • Port: river or seaports.
Public transport stops Public transport stops icons folder:
  • Bus: bus stops.
  • Railway station: railway stations.
  • Tram: tram stops.
  • Water transport: water transport stops.
Metro stations
  • Metro stations icons folder: metro stations.
  • Metro exits icons folder: metro station exits.
  • Metro stations icons UAE folder: metro stations in the UAE.
  • Metro exits icons UAE folder: metro station exits in the UAE.
Parking lots
  • Parking lots folder:
    • Parking lots: parking lots.
    • Parking paid: paid parking lots.
    • Parking resident: closed parking lots with barrier (for residential and administrative buildings).
    • Bicycle parking: bicycle parking lots.
  • Parking roof layer: covered parking lots.
Urban infrastructure
  • Sights folder:
    • Bridge: bridges.
    • Park: parks.
    • Fountain: fountains.
    • Sculpture: memorials or sculptures.
    • Monument: monuments.
    • Bench: benches.
    • Beach: beaches.
    • Sports equipment: sports grounds.
    • Playground: playgrounds.
    • Place to walk dogs: places to walk dogs.
  • POI icons New folder:
    • Stadium: stadiums.
    • Museum: museums.
    • Theatre: theaters.
    • Garden: gardens.
    • ATM: automated teller machines.
    • Bank: banks.
    • Post office: post offices.
    • Fuelling station: gas stations.
    • Charging station: electric vehicle charging stations.
    • Recycling: recycling bins.
    • Parking meter: parking meters.
Firms POI icons New folder:
  • Hotel: hotels.
  • Kindergarten, Education, High education: educational institutions.
  • Business center: business centers.
  • Management: administrative organizations.
  • Hospital, Medical center: medical institutions.
  • Pharmacy: pharmacies.
  • Pets: veterinary clinics.
  • Bar: bars.
  • Restaurant: restaurants.
  • Coffee shop: coffee shops.
  • Mall: shopping centers.
  • Store: regular stores.
  • Clothes shop: clothing stores.
  • Supermarket: supermarkets.
  • Construction market: construction stores.
  • Flowers: flower shops.
  • Fitness club: fitness clubs.
  • Swimming pool: swimming pools.
  • Beauty: beauty salons.
  • Car service: car service centers.
Uncategorized objects Non-unique icons POI folder.

To display 3D objects, you can use layers with different types: Raised polygon, 3D model, and others. Using these layers, you can customize the fill color of sides of a 3D object, its height, near camera fade, and other parameters.

Caption settings for 3D objects (size, text color, and other parameters) are specified in separate layers with the Point type.

For more information on layer types, see the list of layer types for the MapGL JS API.

Objects
Layers
Buildings
  • Building 3D folder: 3D object settings:
    • Residential buildings: residential buildings.
    • Administrative buildings: administrative buildings.
    • Industrial buildings: industrial buildings.
    • Buildings under construction: buildings under construction.
    • Kindergartens: kindergartens.
    • Schools: schools.
    • Detached houses: detached houses.
  • House numbers folder: building numbers:
    • Dwelling house numbers: residential building numbers.
    • Administrative house numbers: administrative building numbers.
    • Detached house numbers: detached house numbers.
    • Other house numbers: school, kindergarten, and other building numbers.
Major attractions
  • Model 3D, Immersive Model 3D layers: 3D object settings.
  • Mega POI folder: icons and icon captions:
    • Major attractions 10-11 zoom: for zoom level 10-11.
    • Major attractions 11-20 zoom: for zoom level 11-20.
Trees
  • 3D trees summer folder: summer trees.
  • 3D trees autumn folder: autumn trees.
  • 3D trees winter folder: winter trees.

To display traffic jams, you can use a layer with the Displaced line type. To display roads and streets depending on their class and type, you can use layers with the Line, Stripe, and Line of arrows types. Using these layers, you can customize the fill color, line width, and other parameters.

Caption settings for lines (size, text color, and other parameters) are specified in separate layers with the Line caption type.

For some transport objects (railway platforms, traffic lights, and others), you can use layers with other types, e.g. Point and Polygon.

For more information on layer types, see the list of layer types for the MapGL JS API.

Objects
Layers
Traffic jams
  • Traffic folder: traffic jams fill color.
  • Traffic outline folder: traffic jams outline.
  • Traffic background folder: traffic jams background.
Highways
  • Roads folder:
    • Federal: road fill color.
    • Federal outline: road outline.
  • Road background folder → Federal, background layer: road background.
  • Highways number folder:
    • Federal highways numbers: highway name, e.g., E22.
    • KM pillar: kilometer markers.
Intercity roads
  • Roads folder:
    • Intercity: road fill color.
    • Intercity outline: road outline.
  • Road background folder:
    • Intercity, background: road background.
Arterial roads
  • Roads folder:
    • Magistral: road fill color.
    • Magistral background: road outline.
  • Road background folder:
    • Magistral, background: road background.
Main city streets Roads folder:
  • Main: road fill color.
  • Main background: road background.
Other city streets Roads folder:
  • Other: road fill color.
  • Other background: road background.
Internal roads Roads folder:
  • Internal: road fill color.
  • Internal background: road background.
Captions of roads and streets Street labels folder:
  • Federal labels: highways.
  • Intercity labels: intercity roads.
  • Magistral labels: arterial roads.
  • Main labels: main city streets.
  • Street labels for detached houses areas: other city streets.
Tunnels Tunnel folder:
  • Federal tunnel, line: fill color of tunnels on highways.
  • Federal tunnel, dotted line: outline of tunnels on highways.
  • Intercity tunnel, line: fill color of tunnels on intercity roads.
  • Intercity tunnel, dotted line: outline of tunnels on intercity roads.
  • Magistral tunnel, line: fill color of tunnels on arterial roads.
  • Magistral tunnel, dotted line: outline of tunnels on arterial roads.
  • Main roads tunnel, line: fill color of tunnels on main city streets.
  • Main tunnel, dotted line: outline of tunnels on main city streets.
  • Other tunnel, line: fill color of tunnels on other city streets.
  • Other tunnel, dotted line: outline of tunnels on other city streets.
Bicycle and pedestrian roads Roads folder:
  • Bike road: bicycle roads.
  • Walkways: pedestrian roads.
Tram, railway tracks,
and water transport
  • Transport lines folder:
    • Tram line: tram rails.
    • Tram dash line: tram crossties.
    • Railway line and Railway line light: railway track fill color.
    • Railway line background: railway track background.
    • Water transport: water transport roads.
  • Blocks folder:
    • Railway platform: railway platforms.
Arrows with movement
direction
  • Arrows white layer: arrows for highways and intercity roads.
  • Magistral arrows layer: arrows for arterial roads.
  • Arrows gray layer: arrows for main and other city streets.
  • Internal arrows layer: arrows for internal roads.
Pedestrian crossings Zebra crossings layer.
Other objects
  • Boom gates layer: barriers.
  • Small gates layer: wickets.
  • Traffic lights layer: traffic lights.

To customize the captions (size, text color, and other parameters) of geographic objects on the world map, you can use layers with the Point type. Using these layers, you can customize the display of object icons in the default and selected states, if necessary.

To customize the color of water bodies, natural zones, and hillshade, you can use layers with the Polygon type.

For more information on layer types, see the list of layer types for the MapGL JS API.

Objects
Layers
Captions of countries, settlements, and districts
  • Global map folder:
    • Medium countries: medium countries.
    • Large countries: large countries.
    • Capitals: country capitals.
    • Small cities: small cities.
    • Medium cities: medium cities.
    • Major cities: large cities.
    • Regional centers: administrative centers of regions.
  • Settlement label layer: rural settlements.
  • District label layer: administrative districts within a settlement.
Captions of reservoirs
  • Global map folder:
    • Ocean: oceans.
    • Minor sea: small seas, bays.
    • Major sea: large seas, bays.
    • Minor lake: small lakes.
    • Major lake: large lakes.
  • Geo object labels folder:
    • River labels: rivers.
Color settings
  • Global map folder:
    • Forest with texture: terrestrial ecosystems (forests, and others).
    • Country: polygons with countries and borders.
    • Water: water reservoirs.
  • Hillshade folder: hillshade settings:
    • Hillshade light: light layer.
    • Hillshade dark: dark layer.