在OpenLayers 3中,地图旋转时的旋转特征



我有一个矢量图层,它有一个旋转属性。我使用旋转属性来定义样式属性中特征图标的方向,如下所示:

var style_outer = new ol.style.Style({
 image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
     anchor: [0.5, 0.5],
     anchorXUnits: 'fraction',
     anchorYUnits: 'fraction',
     src: './images/Feature_icons/Logo_Arrow_07.png',
     rotation: rotation,
     scale: photo_icon_resolution_function()
   }))
});

其中旋转是基于属性+地图旋转角度定义的,如下所示:

var map_rotation = map.getView().getRotation();
var rotation = feature.get(bearing) + map_rotation;

当用户旋转地图时,图标不会实时旋转以匹配。只有当用户移动地图或在旋转后与地图交互时,它才会捕捉到正确的角度。这是有意义的,因为style函数只在这些事情发生时被调用。

我的问题是,如何在用户旋转地图的同时旋转图标?

我已经尝试捕捉旋转事件如下:

map.getView().on('propertychange', function(e) 
    {
       loaded_layers[p].getSource().forEachFeature(function(feature){
       feature.setStyle(Photo_Style(feature));
       feature.changed();  //This is an alternative which also works
    });
});

这在旋转过程中起作用,但它仍然不会在旋转过程中更新图标,只有在用户停止旋转之后(这当然是一个改进,必须让用户平移地图以获得更新,但仍然不是我想要的)。

使用rotateWithView: true ol.style.Icon

相关内容

  • 没有找到相关文章

最新更新