Overview
Style editor allows customizing the map appearance depending on the goals and the visual identity of your applications and services that use the API and SDK.
How it works
The map includes objects that consist of geometries and attributes. Based on the attributes of the object, the map determines which style layer to assign an object to and how to display the object visually.
You can use style layers with different types. Each type has its own set of settings and specifies the appearance for a certain group of objects. Each style has more than 200 configured layers: see the list for the MapGL JS API and Mobile SDK.
In the Style editor, you can customize the style layers of the map and design the map in the visual style of any application or service. You can use a project with a customized style:
- In web applications, by connecting via the MapGL JS API using the identifier.
- In mobile applications on Android, iOS, and Flutter, by connecting via the Mobile SDK. Styles are installed as a set of layers, icons, and fonts when building the application.
Projects are stored on the backend of the Style editor.
Editor features
Using the Style editor, you can:
- Customize the colors of objects: buildings, roads, trees, reservoirs, and others.
- Customize object icons: metro, bus stations, airports, parking lots, and others.
- Manage captions on the map, hide, show, or adjust the display density.
- Adjust the display scale for layer objects. For example, show only icons of coffee shops or bus stops when the scale is small.
- Change the color of the map background and configure the lighting, sky, and fog.
- Add 3D terrain.
- Upload your own icons and models.
- Manage layer visibility: hide and show layers. For example, you can disable the layer with roads.
- Share the map via a link and export the map in JSON format.
You can customize layer elements using the visual editor or JSON format.
Example of working in the Style editor: