---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/object_manager.md
- https://yandex.com/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/jsapi-v2-1/doc/ru/llms.txt
# Оптимальное добавление множества меток
Open in CodeSandbox
ObjectManager - класс, позволяющий добавить на карту большое количество объектов
без необходимости создавать и добавлять на карту метки по отдельности.
Объекты, добавленные в ObjectManager, располагаются в коллекции ObjectManager.objects. Кластеры, образованные из
добавленных меток, добавляются в коллекцию ObjectManager.clusters.
Визуальное отображение меток создается по требованию асинхронно. Визуальным отображением меток и кластеров
являются объекты, реализующие интерфейс IOverlay. В частности, overlay.Placemark.
Оверлеи помещаются в коллекции ObjectManager.objects.overlays и ObjectManager.clusters.overlays соответственно.
ObjectManager принимает описания меток в JSON формате. Метки могут кластеризоваться или показываться как есть.
Если вы не используете кластеризацию, то метки будут показаны только в видимой области карты.
Поскольку объекты хранятся в менеджере в виде JSON описаний и их визуальное отображение создается только по необходимости,
этот способ добавления точек на карту работает быстрее, чем добавление меток на карту напрямую или через кластеризатор.
{% list tabs %}
- index.html
```html
Оптимальное добавление множества меток
```
- object_manager.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map(
"map",
{
center: [55.76, 37.64],
zoom: 10,
},
{
searchControlProvider: "yandex#search",
}
),
objectManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
// ObjectManager принимает те же опции, что и кластеризатор.
gridSize: 32,
clusterDisableClickZoom: true,
});
// Чтобы задать опции одиночным объектам и кластерам,
// обратимся к дочерним коллекциям ObjectManager.
objectManager.objects.options.set("preset", "islands#greenDotIcon");
objectManager.clusters.options.set(
"preset",
"islands#greenClusterIcons"
);
myMap.geoObjects.add(objectManager);
$.ajax({
url: "data.json",
}).done(function (data) {
objectManager.add(data);
});
}
```
{% endlist %}