Angular-Leaflet-Directive：设置图层的不透明度

Question

我正在使用angular-leaflet-directive。是否有更改图层不透明度的选项？

使用 'regular' 传单我可以使用 layer.setOpacity(0.5)。但是 angular-leaflet-directive 中似乎没有选项。

编辑：这是我的传单配置：

angular.module('epic-taxi')
  .controller('MainController', ['$scope', function($scope) {

    $scope.initMap = function() {
      angular.extend($scope, {
        newYork: {
          lat: 40.7304783951045,
          lng: -73.98880004882812,
          zoom: 12
        },
        layers: {
          baselayers: {
            mapbox_light: {
              name: 'Light',
              type: 'xyz',
              url: 'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'
            }
          },
          overlays: {
            subway: {
              name: 'Subway',
              visible: true,
              type: 'group',
              opacity: 0.1    // not working
            }
          }
        }
      });
    };
  }]);

我想更改包含多个路径的 'subway' 叠加层的不透明度。

Answer 1

你读过their docs了吗？

app.controller("CenterController", [ '$scope', function($scope) {
    angular.extend($scope, {
        center: {
            lat: 40.095,
            lng: -3.823,
            zoom: 4,
            opacity: 0.5
        },
        defaults: {
            scrollWheelZoom: false
        }
    });
}]);

Answer 2

看起来这还没有实现： https://github.com/tombatossals/angular-leaflet-directive/issues/251

感谢 Jonatas Walker 指出！

Answer 3

试试这个：

overlays: {
            subway: {
              name: 'Subway',
              visible: true,
              type: 'group',
              layeroptions: {
                   opacity: 0.1   
              }
            },
          }

Angular-Leaflet-Directive：设置图层的不透明度

Angular-Leaflet-Directive: Set opacity of a layer

angularjs

leaflet

angular-leaflet-directive