• Как балун яндекс карты сделать открытым по умолчанию?

    @vitalso78
    Не получаеться задать ширину самого балуна в открытом окне по умолчанию вот тут
    var myMap;
    
    ymaps.ready(function () {
        myMap = new ymaps.Map('map', {
            zoom: 15,
            center: [53.21402707119357,50.22476249999997],
            controls: []
        }, {
            searchControlProvider: 'yandex#search'
        });
        var myPlacemark = new ymaps.Placemark([53.21402707119357,50.22476249999997], {
            balloonContentHeader: 'Компания «UVEB.RU» <img  width = "200" height ="100" src="http://www.uveb.ru/UVEB.RU.png" alt="" />',
                        balloonContentBody: 'Россия, Самара, ул. 22 Партсъезда, 46,<br>строение 10, 1 этаж, оф.№ 4<br> Email@uveb.ru',
                        balloonContentFooter: '+7 (927) 737 61-69'
        }, {
            balloonPanelMaxMapArea: 0,
            
        });
        myMap.geoObjects.add(myPlacemark);
       
        observeEvents(myMap);
        
        myPlacemark.balloon.open();
    });
    
    function observeEvents (map) {
        var mapEventsGroup;
        map.geoObjects.each(function (geoObject) {
            geoObject.balloon.events
                // При открытии балуна начинаем слушать изменение центра карты.
                .add('open', function (e1) {
                    var placemark = e1.get('target');
                    // Вызываем функцию в двух случаях:
                    mapEventsGroup = map.events.group()
                        // 1) в начале движения (если балун во внешнем контейнере);
                        .add('actiontick', function (e2) {
                            if (placemark.options.get('balloonPane') == 'outerBalloon') {
                                setBalloonPane(map, placemark, e2.get('tick'));
                            }
                        })
                        // 2) в конце движения (если балун во внутреннем контейнере).
                        .add('actiontickcomplete', function (e2) {
                            if (placemark.options.get('balloonPane') != 'outerBalloon') {
                                setBalloonPane(map, placemark, e2.get('tick'));
                            }
                        });
                    // Вызываем функцию сразу после открытия.
                    setBalloonPane(map, placemark);
                })
                // При закрытии балуна удаляем слушатели.
                .add('close', function () {
                    mapEventsGroup.removeAll();
                });
        });
    }
    
    function setBalloonPane (map, placemark, mapData) {
        mapData = mapData || {
            globalPixelCenter: map.getGlobalPixelCenter(),
            zoom: map.getZoom()
        };
    
        var mapSize = map.container.getSize(),
            mapBounds = [
                [mapData.globalPixelCenter[0] - mapSize[0] / 2, mapData.globalPixelCenter[1] - mapSize[1] / 2],
                [mapData.globalPixelCenter[0] + mapSize[0] / 2, mapData.globalPixelCenter[1] + mapSize[1] / 2]
            ],
            balloonPosition = placemark.balloon.getPosition(),
        // Используется при изменении зума.
            zoomFactor = Math.pow(2, mapData.zoom - map.getZoom()),
        // Определяем, попадает ли точка привязки балуна в видимую область карты.
            pointInBounds = ymaps.util.pixelBounds.containsPoint(mapBounds, [
                balloonPosition[0] * zoomFactor,
                balloonPosition[1] * zoomFactor
            ]),
            isInOutersPane = placemark.options.get('balloonPane') == 'outerBalloon';
    
        // Если точка привязки не попадает в видимую область карты, переносим балун во внутренний контейнер
        if (!pointInBounds && isInOutersPane) {
            placemark.options.set({
                balloonPane: 'balloon',
                balloonShadowPane: 'shadows'
            });
            // и наоборот.
        } else if (pointInBounds && !isInOutersPane) {
            placemark.options.set({
                balloonPane: 'outerBalloon',
                balloonShadowPane: 'outerBalloon'
               
            });
        }
    }
    Ответ написан
    Комментировать