Как кастомизировать поле поиска яндекс карт?

Question

[Mdmitr]

Как можно кастомизировать стандартное поле поиска Яндекс карт?
нашел в апи такой пример но ширину поля поиска не могу изменить

myMap.options.set({searchControlMaxWidth: [30, 72, 500]})

весь код выглядит так

<script src="https://api-maps.yandex.ru/2.1/?apikey=ваш API-ключ&lang=ru_RU" type="text/javascript">
    </script>
<script type="text/javascript">
        // Функция ymaps.ready() будет вызвана, когда
        // загрузятся все компоненты API, а также когда будет готово DOM-дерево.
        ymaps.ready(init);
        function init(){
            // Создание карты.
            var myMap = new ymaps.Map("map", {
                // Координаты центра карты.
                // Порядок по умолчанию: «широта, долгота».
                // Чтобы не определять координаты центра карты вручную,
                // воспользуйтесь инструментом Определение координат.
                controls: ['searchControl'],
                center: [55.76, 37.64],
                // Уровень масштабирования. Допустимые значения:
                // от 0 (весь мир) до 19.
                zoom: 15
            });
            myMap.options.set({searchControlMaxWidth: [30, 72, 500]})
        }
    </script>

Answer 1

[Антон Шаманов]

https://yandex.ru/dev/maps/jsapi/doc/2.1/ref/refer...

[30, 72, 500] - ['small', 'medium', 'large'], size

Comments

[Mdmitr]

это не то что нужно, я не могу увеличить таким способом ширину поиска
если делать так форма скрывается и появляется кнопка

[Антон Шаманов]

Mdmitr, это не ширина поиска, это максимальная ширина поиска т.е. лимит. используйте fitMaxWidth: true чтобы растянуть поиск по максимуму или position.* чтобы задать размер с помощью позиционирования

[Mdmitr]

Антон Шаманов, это не работает

[npth]

fitMaxWidth: true нужно устанавливать в свойствах searchControl, тогда сработает:
myMap.controls.get('searchControl').options.set({ fitMaxWidth: true});