--- metadata: - name: generator content: Diplodoc Platform v5.39.1 alternate: - https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/examples/cases/circle.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/llms.txt # Круг Open in CodeSandbox
ready, Map, GeoObject, Circle, map.GeoObjects

Круг может быть создан с помощью класса Circle.

При создании круга необходимо указать координаты его центра, а также радиус (в метрах). Также могут быть заданы свойства (например, содержимое его балуна или хинта) и опции (например, цвет его заливки) круга.

Круги можно объединять в коллекции.

{% list tabs %} - index.html ```html Примеры. Круг
``` - circle.js ```js ymaps.ready(init); function init() { // Создаем карту. var myMap = new ymaps.Map("map", { center: [55.76, 37.64], zoom: 10, }); // Создаем круг. var myCircle = new ymaps.Circle( [ // Координаты центра круга. [55.76, 37.6], // Радиус круга в метрах. 10000, ], { // Описываем свойства круга. // Содержимое балуна. balloonContent: "Радиус круга - 10 км", // Содержимое хинта. hintContent: "Подвинь меня", }, { // Задаем опции круга. // Включаем возможность перетаскивания круга. draggable: true, // Цвет заливки. // Последний байт (77) определяет прозрачность. // Прозрачность заливки также можно задать используя опцию "fillOpacity". fillColor: "#DB709377", // Цвет обводки. strokeColor: "#990066", // Прозрачность обводки. strokeOpacity: 0.8, // Ширина обводки в пикселях. strokeWidth: 5, } ); // Добавляем круг на карту. myMap.geoObjects.add(myCircle); } ``` {% endlist %}