---
metadata:
  - name: generator
    content: Diplodoc Platform v5.39.1
alternate:
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/index.md
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/index.md
title: Примеры кода
description: Эта статья содержит ссылки на примеры кода Vanilla, React JS или Vue JS.
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt


# Примеры кода

{% note info %}

Вы можете форкнуть и отредактировать все примеры как вам угодно, это их не сломает.

{% endnote %}

## Карта



- [Изменение размера карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/fillcontainer.md)
- [Размещение в скрытом контейнере](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/hiddendiv.md)
- [Изменение языка карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/language.md)
- [Создание и удаление](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/mapbasics.md)
- [Основные параметры](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/mapparams.md)
- [Менеджер отступов](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/margin_manager.md)
- [Создание карты по требованию](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/request_map.md)
- [Использование опции ограничения области просмотра карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/restrict_map_area.md)

## Местоположение пользователя



- [Создание карты с местоположением пользователя](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolocated_map.md)
- [Маршрут от местоположения пользователя](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolocated_multiroute.md)
- [Определение местоположения пользователя](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolocation.md)
- [Добавление кнопки "Геолокация"](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolocation_control.md)

## GeoXML



- [Отображение GPX и KML](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geoxml_display.md)
- [Сравнение маршрутов для GPX и KML](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/tracks_compare.md)

## Геообъекты



- [Стрелка на карте](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/arrow.md)
- [Круг](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/circle.md)
- [Редактор круга](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/circleEditor.md)
- [Задание изображений для редактора ломаной](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/editor_icon_layout.md)
- [Смена значка метки при наведении](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_rollover.md)
- [Добавление геообъектов в коллекцию](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geo_object_collection.md)
- [Геоссылка](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolink.md)
- [Изменение параметров метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geoobject_contextmenu.md)
- [События геообъекта](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geoobject_events.md)
- [Добавление метки с собственным изображением](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/icon_customImage.md)
- [Множественная обводка](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multystroke.md)
- [Вывод списка объектов карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_list.md)
- [Добавление метки на карту](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark.md)
- [Анимация метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark_layout.md)
- [Задание фигуры активной области HTML макету метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark_shape.md)
- [Многоугольник](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polygon.md)
- [Редактор многоугольника](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polygonEditor.md)
- [Нарисовать произвольную область на карте](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polygon_custom.md)
- [Заливка многоугольника изображением](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polygon_with_image.md)
- [Ломаная](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polyline.md)
- [Редактор ломаной](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polylineEditor.md)
- [Анимация линии](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polyline_animation.md)
- [Прямоугольник](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/rectangle.md)
- [Редактор прямоугольника](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/rectangle_editor.md)
- [Настройка размера метки на разных зумах](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/scalable_placemarks.md)

## GeoQuery



- [Кластеризация результатов геокодирования средствами geoQuery](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/apply_bounds_and_clusterize.md)
- [Загрузка данных с помощью JQuery и добавление их на карту](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/data_load_jquery.md)
- [Проверка адреса на попадание в зону доставки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/delivery_zones.md)
- [Поиск ближайшего объекта](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/find_closest_object.md)
- [Фильтрация объектов на карте по различным признакам](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geoobjects_menu.md)
- [Попадание точек в окружность](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemarks_in_circle.md)
- [Пересечение маршрута с многоугольником на примере МКАД](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/route_inside_polygon.md)
- [Добавление на карту объектов, попадающих в область видимости](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/show_visible_objects.md)

## Балун и хинт



- [Динамическая загрузка содержимого балуна](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/balloon_ajax.md)
- [Балун и хинт](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/balloon_and_hint.md)
- [Пользовательский макет балуна с поддержкой автопозиционирования](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/balloon_autopan.md)
- [Собственный html-контент балуна метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/balloon_html.md)
- [Балун, выходящий за пределы карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/balloon_out_of_map.md)
- [Метка и балун-панель](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark_balloon.md)
- [Настройка макета балуна метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark_balloon_layout.md)
- [Макет хинта метки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark_hint_layout.md)
- [Боковая панель на карте](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/sidebar.md)

## Поведения и события



- [Поведения карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/behaviors.md)
- [Подписка на события dom-элемента](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/dom_event_manager.md)
- [Использование драггера](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/dragger.md)
- [Свойства события. Координаты щелчка](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_properties.md)

## Кластеризация



- [Макет балуна кластера "Аккордеон"](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/cluster_balloon_accordion.md)
- [Макета балуна кластера "Карусель"](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/cluster_balloon_carousel.md)
- [Макета балуна кластера "Две колонки"](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/cluster_balloon_twoColumns.md)
- [Собственный макет балуна кластера](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/cluster_custom_balloon_content_layout.md)
- [Открытие балуна кластера с выбранным объектом](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_balloon_open.md)
- [Создание кластеризатора](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_create.md)
- [Создание кластеризатора с произвольными иконками](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_custom_icon.md)
- [Изменение размера ячейки кластеризатора](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_gridSize.md)
- [Изменение цвета кластеров и меток при наведении](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_icon_hover.md)
- [Макет в виде круговой диаграммы](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/clusterer_pie_chart.md)

## Элементы управления



- [Добавление кнопки на карту](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/button.md)
- [Произвольный макет кнопки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/button_layout.md)
- [Добавление отдельных элементов управления](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/customSet_controls.md)
- [Собственный элемент управления](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/custom_control.md)
- [Стандартный набор элементов управления](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/default_controls.md)
- [Произвольный макет выпадающего списка](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/list_box_layout.md)
- [Произвольный макет элемента изменения масштаба](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/zoom_layout.md)

## Внешние модули



- [Расчет площади многоугольника](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/mapsapi-area.md)
- [Тепловая карта с камерами видеонаблюдения](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/security_cameras.md)

## Модульная система



- [Создание своего модуля](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/custom_module.md)
- [Загрузка модуля по требованию](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/module_request.md)

## ObjectManager



- [Оптимальное добавление множества меток](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager.md)
- [Открытие балуна на метке в ObjectManager](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_balloon.md)
- [Загрузка данных для балуна метки по требованию](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_balloon_async.md)
- [Обработка событий на объектах в ObjectManager](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_events.md)
- [Фильтрация объектов](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_filter.md)
- [Добавление на карту GeoJSON файла из Конструктора карт](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_geojson.md)
- [Добавление в ObjectManager меток с разнообразными опциями и данными](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_options.md)
- [Добавление на карту объектов с разной геометрией](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_spatial.md)
- [Динамическая загрузка содержимого балуна](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/om_balloon_ajax.md)

## Панорамы



- [Вставка на страницу панорам Яндекса](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/panorama_basics.md)
- [Обработка клика на маркере панорамы](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/panorama_events.md)
- [Отображение панорамы в балуне](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/panorama_in_balloon.md)

## Маршрутизация



- [Расчёт стоимости доставки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/deliveryCalculator.md)
- [Задание собственного макета балуна мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_custom_balloon_layout.md)
- [Работа с данными и событиями модели мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_data_access.md)
- [Построение автомобильного мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_driving.md)
- [Редактирование мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_edit.md)
- [Построение мультимаршрута на общественном транспорте](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_masstransit.md)
- [Построение пешеходного мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_pedestrian.md)
- [Добавить вызов такси](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_taxi.md)
- [Работа с данными и событиями мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_view_access.md)
- [Настройка отображения мультимаршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/multiroute_view_options.md)
- [Маршрут от точки на карте](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/route_panel_control.md)
- [Получение сегментов маршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/router.md)
- [Редактирование маршрута](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/router_editor.md)

## Поиск по карте



- [Поиск по своим объектам](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/custom_search.md)
- [Собственное отображение результатов поиска](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/custom_search_results.md)
- [Прямое геокодирование](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/direct_geocode.md)
- [Определение адреса клика на карте с помощью обратного геокодирования](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_reverse_geocode.md)
- [Проверка при вводе адреса доставки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/input_validation.md)
- [Поиск по координатам — обратное геокодирование](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/reverse_geocode.md)
- [Поиск организаций и геопоиск](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/search_control_ppo.md)
- [Поисковые подсказки по своим данным](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/suggest.md)

## Пробки



- [Элемент управления "Пробки"](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/traffic_control.md)
- [Слой пробок на карте без добавления кнопки](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/traffic_provider.md)

## YMapsML



- [Изменение шаблона содержимого балуна](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_ballooncontentstyle.md)
- [Преобразование в YMapsML из GeoRSS](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_georss.md)
- [Замкнутая ломаная](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_linearring.md)
- [Ломаная](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_linestring.md)
- [Подгрузка стилей из отдельного файла](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_loadstyles.md)
- [Изменение типа карты](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_maptype.md)
- [Создание меню для отображения групп объектов](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_menu.md)
- [Наследование стилей](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_parentstyle.md)
- [Многоугольник](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_polygon.md)
- [Задание стиля объектов](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_setstyle.md)
- [Добавление метки на карту](https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/ymapsml_simpleobject.md)