---
metadata:
  - name: generator
    content: Diplodoc Platform v5.39.1
alternate:
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/event_properties.md
  - https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_properties.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt

# Свойства события. Координаты щелчка

<iframe id="LIVE-EXAMPLE" style="width:100%;height: 400px;border-radius: 8px;border: 1px solid rgba(92, 94, 102, 0.14);" frameBorder="0" src="https://yastatic.net/s3/front-maps-static/maps-front-jsapi-v2-1/examples/2/out/s3-cases/ru/event_properties/index.html" allow="fullscreen"></iframe>

<a target="_blank" rel="noopener noreferrer" style="display: inline-block;margin-top: 10px;cursor: pointer;border-radius: 4px;padding: 9px 12px;background: #151515;color: white;text-decoration: none;font-weight: 500" href="https://codesandbox.io/p/sandbox/74lc7p?file=index.html">Open in CodeSandbox</a>

<div id="references">
    <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/ready">ready</a>, <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/Map">Map</a>,
    <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/map.Balloon">map.Balloon</a>, <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/map.Hint">map.Hint</a>,
    <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/MapEvent">MapEvent</a>
</div>
<p>
    Событие карты представляет собой объект класса <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/MapEvent">MapEvent</a>.
    <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/dg/concepts/events#event_object">Извлечение данных
    из этого объекта</a> производится с помощью метода <a href="https://yandex.ru/dev/jsapi-v2-1/doc/ru/v2-1/ref/reference/Event#get">get</a>.
</p>
<p>
    В данном примере из объекта-события извлекаются координаты точки щелчка левой кнопки мыши.
</p>

{% list tabs %}

-   index.html

    ```html
    <!DOCTYPE html>
    <html>
        <head>
            <title>Свойства события. Координаты щелчка</title>
            <meta
                http-equiv="Content-Type"
                content="text/html; charset=utf-8"
            />
            <!--
            Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
            Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
        -->
            
            
            
        </head>
        <body>
            <div id="map"></div>
        </body>
    </html>
    ```

-   event_properties.js

    ```js
    ymaps.ready(init);
    var myMap;

    function init() {
        myMap = new ymaps.Map(
            "map",
            {
                center: [57.5262, 38.3061], // Углич
                zoom: 11,
            },
            {
                balloonMaxWidth: 200,
                searchControlProvider: "yandex#search",
            }
        );

        // Обработка события, возникающего при щелчке
        // левой кнопкой мыши в любой точке карты.
        // При возникновении такого события откроем балун.
        myMap.events.add("click", function (e) {
            if (!myMap.balloon.isOpen()) {
                var coords = e.get("coords");
                myMap.balloon.open(coords, {
                    contentHeader: "Событие!",
                    contentBody:
                        "<p>Кто-то щелкнул по карте.</p>" +
                        "<p>Координаты щелчка: " +
                        [
                            coords[0].toPrecision(6),
                            coords[1].toPrecision(6),
                        ].join(", ") +
                        "</p>",
                    contentFooter: "<sup>Щелкните еще раз</sup>",
                });
            } else {
                myMap.balloon.close();
            }
        });

        // Обработка события, возникающего при щелчке
        // правой кнопки мыши в любой точке карты.
        // При возникновении такого события покажем всплывающую подсказку
        // в точке щелчка.
        myMap.events.add("contextmenu", function (e) {
            myMap.hint.open(e.get("coords"), "Кто-то щелкнул правой кнопкой");
        });

        // Скрываем хинт при открытии балуна.
        myMap.events.add("balloonopen", function (e) {
            myMap.hint.close();
        });
    }
    ```

{% endlist %}
