设置Yandex地标的不透明度

Question

我需要在Yandex地图中设置我的地标的不透明度。但是我找不到一种方法将其作为道具或任何其他方式。文档中没有任何关于它的内容。我不想只向我的资产文件夹添加新的透明标记。

这是我如何创建我的地标

 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);

接下来我可以尝试什么？

Answer 1

您可以创建模板：

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/