--- metadata: - name: generator content: Diplodoc Platform v5.39.1 alternate: - https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/examples/cases/button_layout.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/llms.txt # Макет кнопки Open in CodeSandbox
ready, Map, control.Button, templateLayoutFactory

Макеты объектов можно создавать с помощью фабрики templateLayoutFactory, используя текcтовые шаблоны.

В данном примере создается пользовательский макет кнопки. Макет элемента управления строится на основе его данных, состояния и опций.

Макет автоматически перестраивается при изменении значений полей, состояния или опций, которые используются в его текстовом шаблоне.

{% list tabs %} - index.html ```html Примеры. Пользовательский макет кнопки.
``` - button_layout.js ```js ymaps.ready(init); function init() { var myMap = new ymaps.Map("map", { center: [55.650625, 37.62708], zoom: 10, }), // Макет кнопки должен отображать поле data.content // и изменяться в зависимости от того, нажата кнопка или нет. ButtonLayout = ymaps.templateLayoutFactory.createClass( "
" + "$[data.content]" + "
" ), button = new ymaps.control.Button( { data: { content: "Жмак-жмак", }, }, { layout: ButtonLayout, } ); myMap.controls.add(button, { right: 5, top: 5, }); } ``` {% endlist %}