Клуб API Карт

Иконка в кнопке

Пост в архиве.

Добрый день!

В новой версии апи делаю кнопку с картинкой и текстом.

 

В версии 1.1 использовали картинку 17 * 17, она размещалась строго по центру.

Сейчас картинка приклеивается к верхнему краю, а при увеличении размера картинки выходит за пределы кнопки, и утаскивает текст вниз. Как быть?

 17 * 17

 23 * 23

 19 * 19

 

6 комментариев
lopatinskaya.viktoriya
28 января 2016, 03:39

UPD: кнопку добавляю в MapTools

Стандартный макет кнопки имеет высоту 19 пикселей - как раз под этот размер заточено позиционирование картинки, менять высоту она не умеет. Если вам действительно нужно разместить в кнопке большую картинку, можете создать для нее свой макет. В документации есть пример на эту тему и в клубе недавно был пост про создание собственных макетов.

lopatinskaya.viktoriya
28 января 2016, 03:39

Нет. задача - разместить ровно по середине картинку, и надпись.

Когда я делаю это стандартными методами - просто указывая image и content (текст), то получается след картина (низ картинки выравнивается по низу текста, и верх картинки вылазит за кнопку)

В прошлой версии было иначе. отсюда вопрос, а не ошибка ли это?

Для картинки 19 * 19 в пост добавлено, как это выглядит

Просто пропиши в css чтобы она красиво стала. вот урывок моего кода где я ровнял картинку на кнопке.

 // Создание кнопки 

                button = new ymaps.control.Button({

                    data : {

                        content : '',

                        title : 'Поиск местонахождения'

                    }

                });

 

lopatinskaya.viktoriya
28 января 2016, 03:39

да, я понимаю. но мне кажется, что это все-таки бага

врятли, просто размеры иконок разные, и нужно или подстраиваться под то что стоит по умолчанию, ну или подправлять самому)