Examples. Determining the address of a click on the map using reverse geocoding

--- 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_reverse_geocode.md - https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_reverse_geocode.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt # Determining the address of a click on the map using reverse geocoding Open in CodeSandbox

ready, Map, map.Container, geocode, map.GeoObjects, GeoObjectCollection, Placemark, Event

In the example, when the map is clicked, a placemark appears with the address of the point that was clicked.

Here two events are listened for: a click on the map and dragging the marker. When one of them occurrs, a request is sent to the geocoder with the coordinates of the point at which the event occurred. The resulting address is recorded as the placemark content.

{% list tabs %} - index.html ```html Examples. Determining the address of a click on the map using reverse geocoding

``` - event_reverse_geocode.js ```js ymaps.ready(init); function init() { var myPlacemark, myMap = new ymaps.Map( "map", { center: [55.753994, 37.622093], zoom: 9, }, { searchControlProvider: "yandex#search", } ); // Listening for a click on the map myMap.events.add("click", function (e) { var coords = e.get("coords"); // Moving the placemark if it was already created if (myPlacemark) { myPlacemark.geometry.setCoordinates(coords); } // Otherwise, creating it. else { myPlacemark = createPlacemark(coords); myMap.geoObjects.add(myPlacemark); // Listening for the dragging end event on the placemark. myPlacemark.events.add("dragend", function () { getAddress(myPlacemark.geometry.getCoordinates()); }); } getAddress(coords); }); // Creating a placemark function createPlacemark(coords) { return new ymaps.Placemark( coords, { iconCaption: "searching...", }, { preset: "islands#violetDotIconWithCaption", draggable: true, } ); } // Determining the address by coordinates (reverse geocoding). function getAddress(coords) { myPlacemark.properties.set("iconCaption", "searching..."); ymaps.geocode(coords).then(function (res) { var firstGeoObject = res.geoObjects.get(0); myPlacemark.properties.set({ // Forming a string with the object's data. iconCaption: [ // The name of the municipality or the higher territorial-administrative formation. firstGeoObject.getLocalities().length ? firstGeoObject.getLocalities() : firstGeoObject.getAdministrativeAreas(), // Getting the path to the toponym; if the method returns null, then requesting the name of the building. firstGeoObject.getThoroughfare() || firstGeoObject.getPremise(), ] .filter(Boolean) .join(", "), // Specifying a string with the address of the object as the balloon content. balloonContent: firstGeoObject.getAddressLine(), }); }); } } ``` {% endlist %}