--- metadata: - name: generator content: Diplodoc Platform v5.37.1 alternate: - https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/concepts/articles.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/dev/jsapi-v1-1/doc/ru/llms.txt # Статьи В статьях, приведенных в данном разделе, рассказывается о решении ряда распространенных задач. Если на ваш взгляд необходимо осветить какую-то еще тему - пожалуйста, [напишите нам](mailto:support@api-maps.yandex.ru) об этом. - [Работа с картой](#map) - [Объекты на карте](#overlays) - [Поиск и построение маршрутов](#service) - [Управление своими картами](#user-maps) ## Работа с картой {#map} Примеры работы с картой. #| ||[![](../_images/thumbs/severalmaps.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-add-multiple-maps) | [Как разместить несколько карт на одной странице](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-add-multiple-maps) Как правильно разместить на одной странице более одной карты, на что нужно обратить внимание и про что не забыть. || ||[![](../_images/thumbs/show-hidden-map.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-load-map-in-hidden-div) | [Как показать карту из скрытого контейнера](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-load-map-in-hidden-div) Как побороть "эффект серой карты" и как правильно отобразить карту при щелчке по ссылке или другому объекту. || ||[![](../_images/thumbs/panto.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-use-smooth-panning) | [Как использовать плавное перемещение карты](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-use-smooth-panning) В статье рассматривается создание небольшого меню. При щелчке по пунктам происходит плавное перемещение центра карты. || ||[![](../_images/thumbs/linkmap.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-create-link-to-map-fragments) | [Как создать ссылку на фрагмент карты](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/map.md#how-to-create-link-to-map-fragments) В статье рассказывается о том, как создать ссылку на фрагмент карты. Можно указать, какая точка будет находиться в центре карты, а также задать масштаб и тип карты. При переходе по ссылке будет открываться карта с указанными параметрами. Представлены ссылки двух видов: обычные и якоря. || |# ## Объекты на карте {#overlays} Здесь вы научитесь рисовать на карте. #| ||[![](../_images/thumbs/offices.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-create-offices-navigator) | [Как создать меню с помощью элемента управления](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-create-offices-navigator) В статье показано, как можно реализовать меню ("Путеводитель по офисам") с помощью создания собственного элемента управления. При нажатии на пункт меню карта смещается таким образом, чтобы отобразить выбранный офис. || ||[![](../_images/thumbs/polyline-with-arrows.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-create-polyline-with-arrows) | [Как изменить отображение ломаной](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-create-polyline-with-arrows) Пример создания ломаной линии, вершины которой соединены стрелками. Таким образом хорошо отображать траекторию перемещения. Если в какой-то точке дорога разветвляется, стрелка поможет понять, куда двигаться дальше. || ||[![](../_images/thumbs/menu-groups.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-control-groups-from-menu) | [Управление группами объектов с помощью меню](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/overlays.md#how-to-control-groups-from-menu) Создание меню управления группами объектов. При щелчке на пункте меню соответствующая группа показывается на карте, либо скрывается с неё. || |# ## Поиск и построение маршрутов {#service} Потерялись? Не знаете как вернуться домой? Тогда вам сюда! #| ||[![](../_images/thumbs/geocode.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/service.md#how-to-create-search-form-using-geocoder) | [Создание формы поиска](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/service.md#how-to-create-search-form-using-geocoder) Пример простой формы поиска с использованием геокодера. После осуществления поиска карта сдвигается таким образом, чтобы первый найденный объект (объект, наиболее соответствующий тексту запроса), оказался в центре карты. || ||[![](../_images/thumbs/information.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/service.md#how-to-use-create-information-tool) | [Создание инструмента "Информация"](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/service.md#how-to-use-create-information-tool) Упрощенный аналог инструмента "Информация" сервиса Яндекс.Карты. При щелчке на карте производится обратное геокодирование и показывается балун с наиболее релевантным результатом поиска. || |# ## Управление своими картами {#user-maps} Создание своих собственных карт. #| ||[![](../_images/thumbs/usermaps-plans.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-plans) | [Просмотр планов и подробных карт местности](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-plans) Иногда требуется организовать навигацию по небольшим частям глобальной карты, например, по карте города или плану местности. Обычно при этом можно пренебречь сферической формой земли и считать отображаемую на карте поверхность плоской. || ||[![](../_images/thumbs/usermaps-photo.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-hd-photos) | [Просмотр изображений и фотографий высокого разрешения](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-hd-photos) API Яндекс.Карт позволяет просмотривать изображения и фотографиии большого размера таким же образом, как и карты. || ||[![](../_images/thumbs/usermaps-plots.png =200x)](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-drawings) | [Создание карты с пользовательскими тайлами](https://yandex.ru/dev/jsapi-v1-1/doc/ru/articles/tasks/usermaps.md#how-to-view-drawings) Основным назначением API является организация удобной работы с картами. Однако наличие изображения-подложки с картой не является обязательным условием для корректной работы объектов API. В качестве подложки можно использовать любые объекты. || |#