Клуб API Карт

Найдено на тему «тень»:
Как (и можно ли) сделать рамку и тень у знака метки?
murrel
7 марта 2013, 16:53

Добрый день,

Хочу сделать на карте собственные метки (из фотографий), но таким образом, чтобы:

а) к иконке добавилась белая рамка размером 2 пикселя

б) у иконки была тень.
 

        function createMarker(lat, long, img, w, h)//lat,long - координаты, img - url картинки, w,h - размеры картинки
        {
            point = [lat, long];
            marker = new ymaps.Placemark(point);
                        if (img!=''){
                           marker.options.set('iconImageHref',img) ;
                           w = parseInt(w);
                           h = parseInt(h);
                           marker.options.set('iconImageSize',[w,h]) ;
                           marker.options.set('iconContentPadding',[2,2]) ;
                           marker.options.set('iconShadow',true) ;
                        }
                        mymap.geoObjects.add(marker);
        }

 
Иконка есть, но рамки и тени нет. Что-нибудь с этим можно сделать (помимо убиться об стену и т.д.?:) )
P.S. Пример http://www.zelenograd.ru/map/test.php

2 комментария
метка,тень,API 2.0
Кастомный балун с тенью на API 2.0
Удалённый пользователь
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 комментарий
тень,балун
Тень у placemark
Михаил Баранов
28 апреля 2012, 21:51

Задача — создать метку со своей иконкой и тенью. Делаю так: 

 

marker.style = {
    iconImageHref:"/i/map-logo.png",
    iconImageSize:[93, 83],
    iconImageOffset:[-24, -83],
    iconShadow:true,
    iconShadowHref:"/i/map-shadow.png",
    iconShadowSize:[93, 83],
    iconShadowOffset:[-24, -83]
};

marker.placemark = new ymaps.Placemark(marker.point, {}, marker.style);

ymap.geoObjects.add(marker.placemark);

 

Иконка маркера выводится, а вот вместо тени получаю вот такое:

 

<ymaps class="ymaps-image" style="position: absolute; left: 0px; 
top: 0px; width: 30px; height: 30px; 
background-size: 100%; 
background-image: url(http://sitename.ru/2012/04/28/undefined); 
background-repeat: no-repeat no-repeat; "></ymaps>

 

Что я делаю не так?

2 комментария
метка,тень
Тень для значка метки
Ilia Konditerov
16 февраля 2011, 16:05
подскажите траблу нашел в присвоении своей тени к обьекту
 YMaps.Styles.add("gg#s0", { iconStyle : { href : "/images/0_0.png", size : new YMaps.Point(27, 27), offset : new YMaps.Point (-9, -29)  }});
 YMaps.Styles.add("gg#s1", { iconStyle : { href : "/images/1_1.png", size : new YMaps.Point(19, 20) }});
YMaps.Styles.add("gg#s2", { iconStyle : { href : "/images/1_2.png", size : new YMaps.Point(19, 20) }});
YMaps.Styles.add("gg#s3", { iconStyle : { href : "/images/1_3.png", size : new YMaps.Point(19, 20) }});
в стиле "gg#s0" требуется добавить свою тень к своему обьекту, никак не могу допереть как, получилось только если уже использовать значек с тенью с использованием офсета, а хочется нормально, отдельно тень крепить.
в примере вышеописанном сделанно с использанием значка с готовой тенью, подскажите плиз.
5 комментариев
метка,тень,API 1.x