angularjs - 创建新地图实例后 Mapboxgl setSyle 未定义

Question

mapboxgl.Map在我的单元测试中，在某些情况下创建方法的新实例后map.setStyle是未定义的。单元测试正在运行 angular 1.5 + karma jasmine。我正在使用最新版本的 mapboxgl。

在指令中创建映射时，map.setStyle定义，例如：

// directive 
angular.directive('mapDirective', function() {
    link: function(scope, elem, attr, ctrl) {
        ctrl.map = new mapboxgl.Map({
            container: elem[0],
            style: 'mapbox://styles/spmatt/ciksnpcsy004992klvge9h2zb'
        });
        console.log(ctrl.map.setStyle); // defined
    }
});


// tests
let element = angular.element('<map-directive></map-directive>');
this.$compile(element)(this.$rootScope.$new());
this.$rootScope.$digest();

expect(this.vm.map.setStyle).toBeDefined(); // passes

在测试中创建时，map.setStyle未定义，例如：

let element = angular.element('<div></div>');
this.$compile(element)(this.$rootScope.$new());
this.$rootScope.$digest();

map = new mapboxgl.Map({
  container: element[0],
  style: 'mapbox://styles/spmatt/ciksnpcsy004992klvge9h2zb'
});

expect(map.setSyle).toBeDefined(); // fail

第二个实例应该工作，任何想法为什么它失败？

Answer 1

你的测试环境是什么？一些无头浏览器没有 GL，因此甚至不支持 MapboxGL。

看看有什么mapboxgl.supported()回报。我想知道您的地图实例化是否因此而失败。