Как задать стиль css балуна?

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

alxcube

8 ноября 2011, 00:42

Искал, искал (кстати, очень неудобно разбросана документация и прочее по API), но так и не нашел никакого конкретного примера: как изменить (до неузнаваемости, в целях интеграции с дизайном сайта) внешний вид балуна? Понимаю, что можно переопределить css классы у себя на сайте, но тут где-то писали, что это кривовато, ибо в дальнейшем классы могут быть переименованы и т.п. Подскажите пожалуйста, как напрямую задать бэкграунды, рамки и прочие css свойства элементов балуна

7 комментариев

Авторизуйтесь, чтобы оставить комментарий

dimik

28 января 2016, 05:34

http://api.yandex.ru/maps/jsapi/examples/mapballoonlayout.html

alxcube

28 января 2016, 05:34

неужели создателей api не учили делать проще? я, вот, ничего не понял.

создаю объект стиля, в нем — объект стиля балуна, в котором — объект шаблон, который создается конструктором, который принимает параметром что-то там (тут я уже совсем запутался)

var style = new YMaps.Style();
style.balloonStyle = {template: new YMaps.LayoutTemplate(SampleBalloonLayout)};

и это при том, что это все очень просто поменять из css.

и я бы забил на это, и сделал бы через css, но я человек азартный, и буду втыкать пока не пойму. так что прошу помочь мне с пониманием следующих вещей:

1. почему пример не работает (я скопировал код)? открываю балун так:

map.openBalloon(point,content,{style: y_style};

но его вид не меняется ничуть.

2. в функции SampleBalloonLayout недостаточно будет указать только поле element? обязательно указывать методы и прочее?

alxcube

28 января 2016, 05:34

с первым разобрался.

второй пункт актуален

alxcube

28 января 2016, 05:34

и еще: как сделать, чтобы все баллуны открывались с заданным стилем, без явного указания этого?

dimik