Question

我需要在Yandex Map中设置地标的不透明度。但是我找不到找到它作为道具的方法或其他任何方法。关于文件支配没有任何关系。你有什么建议吗？我不想在资产文件夹中添加新的透明标记。

这是我创建地标的方式

 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/

设置Yandex地标的不透明度

1 个答案: