---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/geolocated_map.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/geolocated_map.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt
# Creating a map with the user's location
Open in CodeSandbox
This example demonstrates how to create a map that is initially centered on the user's location.
The "get" method of the geolocation function is used for detecting the location. In the parameters, you can set the preferred method of
location detection (by IP or using the Geolocation API), the time to wait for a response, and so on.
For more information, see the description of the method.
When calling this method, the browser tries to determine the geographical position of the user. If successful,
the result is written in the geoObjects map field; otherwise, there is an error message.
In this example, if the location cannot be detected, a map is created with the center in Moscow.
{% list tabs %}
- index.html
```html
Examples. Creating a map with the user's location
```
- geolocated_map.js
```js
ymaps.ready(function () {
var map;
ymaps.geolocation.get().then(
function (res) {
var mapContainer = $("#map"),
bounds = res.geoObjects.get(0).properties.get("boundedBy"),
// Calculating the viewport for the user's current location.
mapState = ymaps.util.bounds.getCenterAndZoom(bounds, [
mapContainer.width(),
mapContainer.height(),
]);
createMap(mapState);
},
function (e) {
// If the location cannot be obtained, we just create a map.
createMap({
center: [55.751574, 37.573856],
zoom: 2,
});
}
);
function createMap(state) {
map = new ymaps.Map("map", state);
}
});
```
{% endlist %}