Добрый день!
Создаю метку по своему шаблону:
1. Имеется svg файл, который используется в качестве основного изображения метки.
2. Имеется иконка банка которую надо совместить с основной меткой. Иконок банков около 900.
Что сделал:
1. Создал шаблон:
ymaps.layout.storage.add('bank#bankLayoutClass', bankLayoutClass);
2. Создаю метку:
placemark = new ymaps.Placemark([item.Latitude, item.Longitude], {
id: item.ComponentId,
branchTypeId: item.BranchTypeId,
bankIconUrl: 'http://www.sberbank.ru/favicon.ico',
balloonContentHeader: GetBranchTypeName(item.BranchTypeId)
}, {
iconLayout: 'bank#bankLayoutClass',
balloonPanelMaxMapArea: 0,
openEmptyBalloon: true
});
3. Создал CSS:
.bankMapPoint
{
display:block;
position:absolute;
box-sizing:content-box;
background-size:35px 50px;
width:35px;
height:50px;
z-index:auto;
background:url('/content/images/MapPoint.svg') no-repeat no-repeat center center transparent;
}
.bankMapPoint img.icon
{
position:absolute;
left:9px;
top:7px;
}
Карта вроде создается корректно, но метки, созданные по этому шаблону, не кликаются.
Если, например, использовать встроенный шаблон default#image, то все работает нормально.
Помогите разобраться, подскажите где грабли
работающий пример: http://www.superbanki.ru/