---
metadata:
  - name: generator
    content: Diplodoc Platform v5.39.1
alternate:
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/object_manager_geojson.md
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_geojson.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt

# Добавление на карту GeoJSON файла из Конструктора карт

<iframe id="LIVE-EXAMPLE" style="width:100%;height: 400px;border-radius: 8px;border: 1px solid rgba(92, 94, 102, 0.14);" frameBorder="0" src="https://yastatic.net/s3/front-maps-static/maps-front-jsapi-v2-1/examples/2/out/s3-cases/ru/object_manager_geojson/index.html" allow="fullscreen"></iframe>

<a target="_blank" rel="noopener noreferrer" style="display: inline-block;margin-top: 10px;cursor: pointer;border-radius: 4px;padding: 9px 12px;background: #151515;color: white;text-decoration: none;font-weight: 500" href="https://codesandbox.io/p/sandbox/8l72px?file=index.html">Open in CodeSandbox</a>

<div id="references">
    <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/ObjectManager">ObjectManager</a>
</div>
<p>
    В примере показано, как с помощью <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/ObjectManager">ObjectManager</a> отобразить на карте данные, экспортированные из <a href="https://yandex.ru/map-constructor/">Конструктора карт</a>.
    Для загрузки данных используется функция <a href="https://api.jquery.com/jquery.getjson/">JQuery.getJSON()</a>. Как только данные будут загружены, зададим для них нужные свойства (например, контент балуна) и затем добавим их в менеджер объектов.
</p>
<p>
    Подробнее об экспорте вы можете почитать в <a href="https://yandex.ru/support/maps-builder/concept/markers_3.xml">документации</a>.
</p>
<p>
    Обратите внимание, что координаты объектов заданы в последовательности "долгота, широта". Поскольку по умолчанию в API принят порядок
    "широта, долгота", необходимо при подключении API передать параметр coordorder со значением longlat. Подробнее см. в разделе <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/dg/concepts/load-docpage/#param">Подключение API</a>.
</p>

{% list tabs %}

-   index.html

    ```html
    <!DOCTYPE html>
    <html lang="ru">
        <head>
            <title>
                Добавление на карту GeoJSON файла из Конструктора карт
            </title>
            <meta charset="utf-8" />

            

            
            <!--
            Обратите внимание, что для добавления на карту geojson файла, эскпортированного из Конструктора карт,
            необходимо при подключении API передать параметр coordorder со значением longlat.
    
            Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
            Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
        -->
            
            
        </head>
        <body>
            <div id="map" class="map"></div>
        </body>
    </html>
    ```

-   object_manager_geojson.js

    ```js
    ymaps.ready(function () {
        var map = new ymaps.Map("map", {
                center: [-0.13968631031941695, 51.52437396304669],
                zoom: 13,
                controls: ["zoomControl"],
            }),
            objectManager = new ymaps.ObjectManager();
        map.controls.get("zoomControl").options.set({ size: "small" });
        // Загружаем GeoJSON файл, экспортированный из Конструктора карт.
        $.getJSON("geoObjects.geojson").done(function (geoJson) {
            geoJson.features.forEach(function (obj) {
                // Задаём контент балуна.
                obj.properties.balloonContent = obj.properties.description;
                // Задаём пресет для меток с полем iconCaption.
                if (obj.properties.iconCaption) {
                    obj.options = {
                        preset: "islands#greenDotIconWithCaption",
                    };
                }
            });
            // Добавляем описание объектов в формате JSON в менеджер объектов.
            objectManager.add(geoJson);
            // Добавляем объекты на карту.
            map.geoObjects.add(objectManager);
        });
    });
    ```

{% endlist %}
