---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/examples/cases/polygonEditor.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
{% list tabs %}
- index.html
```html
Примеры. Редактор многоугольника
```
- polygonEditor.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [55.73, 37.75],
zoom: 10,
});
// Создаем многоугольник без вершин.
var myPolygon = new ymaps.Polygon(
[],
{},
{
// Курсор в режиме добавления новых вершин.
editorDrawingCursor: "crosshair",
// Максимально допустимое количество вершин.
editorMaxPoints: 5,
// Цвет заливки.
fillColor: "#00FF00",
// Цвет обводки.
strokeColor: "#0000FF",
// Ширина обводки.
strokeWidth: 5,
}
);
// Добавляем многоугольник на карту.
myMap.geoObjects.add(myPolygon);
// В режиме добавления новых вершин меняем цвет обводки многоугольника.
var stateMonitor = new ymaps.Monitor(myPolygon.editor.state);
stateMonitor.add("drawing", function (newValue) {
myPolygon.options.set(
"strokeColor",
newValue ? "#FF0000" : "#0000FF"
);
});
// Включаем режим редактирования с возможностью добавления новых вершин.
myPolygon.editor.startDrawing();
}
```
{% endlist %}