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

Open in CodeSandbox

Событие карты представляет собой объект класса MapEvent. Извлечение данных из этого объекта производится с помощью метода get.

В данном примере из объекта-события извлекаются координаты точки щелчка левой кнопки мыши.

<!DOCTYPE html>

<html>
    <head>
        <title>Примеры. Свойства события. Координаты щелчка</title>
        <meta
            http-equiv="Content-Type"
            content="text/html; charset=utf-8"
        />
        <!--
        Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
        Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
    -->
        <script
            src="https://api-maps.yandex.ru/2.0/?load=package.standard&amp;lang=ru-RU&amp;apikey=<ваш API-ключ>"
            type="text/javascript"
        ></script>

        <script src="event_properties.js" type="text/javascript"></script>
    </head>

    <body>
        <div id="map" style="width:400px; height:300px"></div>
    </body>
</html>
ymaps.ready(init);
var myMap;

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

    // Обработка события, возникающего при щелчке
    // левой кнопкой мыши в любой точке карты.
    // При возникновении такого события откроем балун.
    myMap.events.add("click", function (e) {
        if (!myMap.balloon.isOpen()) {
            var coords = e.get("coordPosition");
            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.show(
            e.get("coordPosition"),
            "Кто-то щелкнул правой кнопкой"
        );
    });
}