Yandex map not scalable?

Question

API

Dynamically create a map:

ymaps.ready(init);
                    var myMap,
                            myPlacemark;

                    function init() {
                        myMap = new ymaps.Map("map", {
                            center: [{{ $event->lat }}, {{ $event->long }}],
                            zoom: 10
                        });
                        ymaps.geocode('Россия, {{ $city }}, {{ $event->address }}', {
                            results: 1
                        }).then(function (res) {
                            var firstGeoObject = res.geoObjects.get(0),
                                    coords = firstGeoObject.geometry.getCoordinates(),
                                    bounds = firstGeoObject.properties.get('boundedBy');

                            myMap.geoObjects.add(firstGeoObject);
                            myMap.setBounds(bounds, {
                                checkZoomRange: true
                            });
                        });
                    }

The map is created correctly, but does not scale, it looks like this -

I understand that the matter is in the geocode asynchronous method, but I do not understand how to make the zoom work properly

Answer 1

Try to get the coordinates of the required area using the getBounds function of the
Yandex Maps
API. It should look something like this:

//после добавления объекта
var bounds = myMap.geoObjects.getBounds();
myMap.setBounds(bounds, {
     checkZoomRange: true
});

In general, what do you want to do? You have one point displayed. If you want the map to be centered on this point with a decent zoom - set the center and zoom yourself. ( setCenter and setZoom methods).