Клуб API Карт

Кастомный балун с тенью на API 2.0

mdlv2012
13 мая 2012, 14:53

Задача: изменить внешний вид balloon`а (убрать скругленные углы, рамку, изменить изображение для tail).

При этом нужна тень, сейчас она отображается неверно (по размерам балуна по умолчанию). Примеров использования shadowLayout не нашлось. Подскажите, пожалуйста, как сделать тень (как для стандартного балуна) для кастомного балуна?

 

pl = new ymaps.Placemark([37.6230320228801, 55.78980351830082]
                  

var myBalloonLayout = ymaps.templateLayoutFactory.createClass(
        '<div class="b-simple-balloon-layout"><div class="content"><div class="balloon"><img class="balloon-img"     src="img/map/balloon-img.jpg" alt="img1"/><div>...Текст...<br/>...Текст...<br/><span><a class="balloon-link" href="#">...</a></span></div></div></div><div class="close"><a href="#" id="close-balloon-link"></a></div><div class="tail"></div></div>'

                  
ymaps.layout.storage.add('my#superlayout', myBalloonLayout);

map.options.set({
          balloonLayout: 'my#superlayout',
          balloonShadow: true,
          preset: 'twirl#blueStretchyIcon'
 }
                       
map.geoObjects.add(pl);
pl.balloon.open(

 Заранее спасибо.

1 комментарий
Подписаться на комментарии к посту

Порядок действий точно такой же, как и для лейаута балуна. Сначала создаете макет, а потом задаете его в качестве значения опции balloonShadowLayout, аналогично balloonLayout.