Мне нужно сделать тянущиеся под контент метки со своим background-image.
Конечно, есть множество вариантов. Например:
var sheet = [].filter.call(document.styleSheets, function(sheet) {
return sheet.cssRules[0].selectorText === ".ymaps-map";
})[0];
[].filter.call(sheet.cssRules, function(rule) {
return rule.selectorText === ".ymaps-b-placemark_theme_green .ymaps-b-placemark__sprite";
})[0].style.backgroundImage = "/path/to/my/grid9image.png";
Но это что-то извращённое, к тому же я ограничен существующими preset-ами, а мне надо создать 20 разных видов.
Можно хакать «статически» in-place для каждой конкертной метки, но это тоже не лучший вариант.
Пробовал утаскивать свойство constructor из существующго layout для метки созданной по preset-у — не работает.
Читать исходный код в минифицированном виде (из-за имён переменных) малополезно.
В документации сказано, что есть интерфейс ILaouyt, но что в нём должно быть и как реализовывать, не сказано.
Буду рад за любые наводки (включая нормальные исходники).
* поддержка старых браузеров не нужна, так что достаточно HTML структуры на одном элементе — тянучку сделаю через svg / pseudo-after / border-radius / multiple backgrounds / border-image.