---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/polylineEditor.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/polylineEditor.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt
# Polyline editor
Open in CodeSandbox
A visual editor is available for polylines. A link to the editor is in the editor field of the polyline object.
{% list tabs %}
- index.html
```html
Examples. Polyline editor
```
- polylineEditor.js
```js
ymaps.ready(init);
function init() {
// Creating the map.
var myMap = new ymaps.Map(
"map",
{
center: [55.72, 37.64],
zoom: 10,
},
{
searchControlProvider: "yandex#search",
}
);
// Creating a polyline.
var myPolyline = new ymaps.Polyline(
[
// Specifying the coordinates of the vertices.
[55.8, 37.5],
[55.8, 37.4],
[55.7, 37.5],
[55.7, 37.4],
],
{},
{
/**
* Setting geo object options.
* Color with transparency.
*/
strokeColor: "#00000088",
// The line width.
strokeWidth: 4,
// The maximum number of vertices in the polyline.
editorMaxPoints: 6,
// Adding a new item to the context menu that allows deleting the polyline.
editorMenuManager: function (items) {
items.push({
title: "Delete line",
onClick: function () {
myMap.geoObjects.remove(myPolyline);
},
});
return items;
},
}
);
// Adding a line to the map.
myMap.geoObjects.add(myPolyline);
// Turning on the edit mode.
myPolyline.editor.startEditing();
}
```
{% endlist %}