Как сделать очень хитрую метку

Я делал подобное так
mark1 = new ymaps.Placemark(
[1,1],
{
rotation: 10,
},
{iconLayout: ymaps.templateLayoutFactory.createClass('<img src="mark.gif" width=24 height=24 style="transform: rotate($[properties.rotation]deg);"/>'),
iconShape: {type: 'Circle', coordinates: [12, 12], radius: 15}}


Это метка со своим изображением, которая вращается  установкой properties  rotation


Если правильно выровнять все смещения, сделать прозрачную картинку с сектором (вращение вокруг центра картинки),  а затем наложить метки одна на другую, то всё получится.


ну а  дальше - геометрия (точнее, линейная алгебра).


vx = coord2[0] - coord1[0]; //Координаты вектора направления
vy = coord2[1] - coord1[1];
vx0 = 0;  //Координаты исходного вектора 0 градусов (направлен вниз)
vy0 = 1;
l = Math.sqrt(vx*vx+vy*vy); // длины векторов
l0 = 1;


a = Math.asin((vx*vy0 - vy*vx0)/(l*l0)); //угол между векторами в радианах (из векторного произведения)


if (vy>0) a = Math.PI - a; //Корректировка угла - особенность asin

aa = a * 180/Math.PI; //Угол в градусах

нарисовать кучу готовых вариантов

много рисовать не надо. достаточно одного сектора, который можно поворачивать, как хочешь

Проще это организовать через наборы коллекций меток: центральная метка с секторами и спутниковые с изображениями. По спутниковым меткам рассчитывается сколько и куда выводить секторов у центральной метки.