---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/placemark.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/placemark.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt
# Добавление метки на карту
Open in CodeSandbox
Метка может быть создана двумя способами: с помощью класса
GeoObject с указанным типом геометрии "точка"
либо с помощью вспомогательного класса Placemark.
При создании метки нужно указать координаты соответствущей точки. Также метке можно задать её свойства (например, текст значка) и опции (например, изображение значка).
Метки можно объединять в коллекции, а также кластеры (см. пример Добавление метки с собственным изображением).
{% list tabs %}
- index.html
```html
Добавление метки на карту
```
- placemark.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map(
"map",
{
center: [55.76, 37.64],
zoom: 10,
},
{
searchControlProvider: "yandex#search",
}
),
// Создаем геообъект с типом геометрии "Точка".
myGeoObject = new ymaps.GeoObject(
{
// Описание геометрии.
geometry: {
type: "Point",
coordinates: [55.8, 37.8],
},
// Свойства.
properties: {
// Контент метки.
iconContent: "Я тащусь",
hintContent: "Ну давай уже тащи",
},
},
{
// Опции.
// Иконка метки будет растягиваться под размер ее содержимого.
preset: "islands#blackStretchyIcon",
// Метку можно перемещать.
draggable: true,
}
),
myPieChart = new ymaps.Placemark(
[55.847, 37.6],
{
// Данные для построения диаграммы.
data: [
{ weight: 8, color: "#0E4779" },
{ weight: 6, color: "#1E98FF" },
{ weight: 4, color: "#82CDFF" },
],
iconCaption: "Диаграмма",
},
{
// Зададим произвольный макет метки.
iconLayout: "default#pieChart",
// Радиус диаграммы в пикселях.
iconPieChartRadius: 30,
// Радиус центральной части макета.
iconPieChartCoreRadius: 10,
// Стиль заливки центральной части.
iconPieChartCoreFillStyle: "#ffffff",
// Cтиль линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeStyle: "#ffffff",
// Ширина линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeWidth: 3,
// Максимальная ширина подписи метки.
iconPieChartCaptionMaxWidth: 200,
}
);
myMap.geoObjects
.add(myGeoObject)
.add(myPieChart)
.add(
new ymaps.Placemark(
[55.684758, 37.738521],
{
balloonContent:
"цвет воды пляжа бонди",
},
{
preset: "islands#icon",
iconColor: "#0095b6",
}
)
)
.add(
new ymaps.Placemark(
[55.833436, 37.715175],
{
balloonContent:
"серобуромалиновый цвет",
},
{
preset: "islands#dotIcon",
iconColor: "#735184",
}
)
)
.add(
new ymaps.Placemark(
[55.687086, 37.529789],
{
balloonContent: "цвет влюбленной жабы",
},
{
preset: "islands#circleIcon",
iconColor: "#3caa3c",
}
)
)
.add(
new ymaps.Placemark(
[55.782392, 37.614924],
{
balloonContent:
"цвет детской неожиданности",
},
{
preset: "islands#circleDotIcon",
iconColor: "yellow",
}
)
)
.add(
new ymaps.Placemark(
[55.642063, 37.656123],
{
balloonContent: "цвет красный",
},
{
preset: "islands#redSportIcon",
}
)
)
.add(
new ymaps.Placemark(
[55.826479, 37.487208],
{
balloonContent: "цвет фэйсбука",
},
{
preset: "islands#governmentCircleIcon",
iconColor: "#3b5998",
}
)
)
.add(
new ymaps.Placemark(
[55.694843, 37.435023],
{
balloonContent: "цвет носика Гены",
iconCaption:
"Очень длиннный, но невероятно интересный текст",
},
{
preset: "islands#greenDotIconWithCaption",
}
)
)
.add(
new ymaps.Placemark(
[55.790139, 37.814052],
{
balloonContent: "цвет голубой",
iconCaption:
"Очень длиннный, но невероятно интересный текст",
},
{
preset: "islands#blueCircleDotIconWithCaption",
iconCaptionMaxWidth: "50",
}
)
);
}
```
{% endlist %}