установить непрозрачность яндекс метки - PullRequest
Новая
       39

установить непрозрачность яндекс метки

0 голосов
/ 09 апреля 2019

Мне нужно установить непрозрачность моей метки в Яндекс-карте. Но я не мог найти способ дать это как опору или любым другим способом. Там нет ничего об этом в документации. Есть ли у вас предложения? Я не хочу добавлять новый прозрачный маркер в папку с активами.

Вот как я могу создать свою метку 

 const courierReachMarker = new ymaps.Placemark([$scope.map.courierReachMarker.coords.latitude, $scope.map.courierReachMarker.coords.longitude], null, {
          iconLayout: 'default#image',
          iconImageHref: `/${$scope.map.courierReachMarker.options.icon.url}`,
          iconImageSize: [30, 30],
          iconImageOffset: [-15, -30],
          draggable: false,
          courierMarker: true,
        });
        $scope.yMap.courierReachMarker = courierReachMarker;
        $scope.yMap.geoObjects
          .add($scope.yMap.courierReachMarker);

Пожалуйста, помогите :)

1 Ответ

0 голосов
/ 09 апреля 2019

Вы можете создать шаблон: 

var squareLayout = ymaps.templateLayoutFactory.createClass('<div class="placemark_layout_container"><img src="https://sandbox.api.maps.yandex.net/examples/ru/2.1/icon_customImage/images/myIcon.gif" width=50 height=50/></div>');

Добавить правило CSS: 

.placemark_layout_container img{ 
    opacity: 0.3
    }

И использовать его: 

var squarePlacemark = new ymaps.Placemark(
    [55.725118, 37.682145], {}, {
        iconLayout: squareLayout,
        iconShape: {
            type: 'Rectangle',
            coordinates: [
                [-25, -25], [25, 25]
            ]
        }
    }
);

https://jsfiddle.net/sjq68obx/1/

...