---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/geoobject_events.md
- https://yandex.com/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geoobject_events.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/jsapi-v2-1/doc/ru/llms.txt
# События геообъекта
Open in CodeSandbox
В этом примере слушаются некоторые события геообъекта, и при их наступлении обновляется содержимое текстового поля.
Полный список событий можно изучить в документации к классу GeoObject.
{% list tabs %}
- index.html
```html
События геообъекта
```
- geoobject_events.js
```js
ymaps.ready(init);
function init() {
var log = document.getElementById("log"),
myMap = new ymaps.Map("map", {
center: [48.856929, 2.341198],
zoom: 1,
controls: ["zoomControl"],
}),
myCircle = new ymaps.Circle(
[myMap.getCenter(), 1000000],
{
balloonContentBody: "Балун",
hintContent: "Хинт",
},
{
draggable: true,
}
);
myCircle.events.add(
[
"mapchange",
"geometrychange",
"pixelgeometrychange",
"optionschange",
"propertieschange",
"balloonopen",
"balloonclose",
"hintopen",
"hintclose",
"dragstart",
"dragend",
],
function (e) {
log.innerHTML = "@" + e.get("type") + "
" + log.innerHTML;
}
);
myMap.geoObjects.add(myCircle);
setupControls(myMap, myCircle);
}
function setupControls(map, geoObject) {
var btnProperty = new ymaps.control.Button("Свойство: balloonHeader"),
btnOption = new ymaps.control.Button("Опция: geodesic"),
btnRadius = new ymaps.control.Button("Изменить радиус");
btnProperty.options.set("maxWidth", 200);
btnOption.options.set("maxWidth", 200);
btnRadius.options.set("maxWidth", 200);
btnProperty.events.add(["select", "deselect"], function (e) {
geoObject.properties.set(
"balloonContentHeader",
e.get("type") == "select" ? "Заголовок" : undefined
);
});
btnOption.events.add(["select", "deselect"], function (e) {
geoObject.options.set("geodesic", e.get("type") == "select");
});
btnRadius.events.add(["select", "deselect"], function (e) {
geoObject.geometry.setRadius(
e.get("type") == "select" ? 2000000 : 1000000
);
});
map.controls.add(btnProperty).add(btnOption).add(btnRadius);
}
```
{% endlist %}