---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/ymapsml_setstyle.md
- https://yandex.com/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_setstyle.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/jsapi-v2-1/doc/en/llms.txt
# Setting the object style
Open in CodeSandbox
YMapsML allows you to set the appearance of objects displayed on the map. The appearance of displayed objects is changed
using styles. Styles let you set certain parameters
for displaying geo objects and generate custom HTML representation using
templates (see the example of using templates).
To define styles, use the repr:Style element, which
is located in the repr:Representation element.
To specify which style to apply for displaying an object, set the
ymaps:style
element in the ymaps:GeoObject element. It should contain a link
to a style that was defined in the repr:Style element. The style
for a collection of geo objects can be set the same way in the
ymaps:GeoObjectCollection element.
{% list tabs %}
- index.html
```html
YMapsML examples. Setting styles for objects.
```
- ymapsml_setstyle.js
```js
ymaps.ready(init);
function init() {
// Creating a map instance
var myMap = new ymaps.Map(
"map",
{
center: [61.766513, 34.344165],
zoom: 12,
},
{
searchControlProvider: "yandex#search",
}
);
// Loading a YMapsML file
ymaps.geoXml.load("data.xml").then(
function (res) {
// Adding geo objects to the map.
myMap.geoObjects.add(res.geoObjects);
// Called if loading the YMapsML file was unsuccessful.
},
function (error) {
alert("Error: " + error);
}
);
}
```
{% endlist %}