在 OpenLayers 3 中的地图旋转期间旋转要素

Question

我有一个矢量图层，其特征具有旋转属性。我使用旋转属性来定义样式属性中功能图标的方向，如下所示：

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;

当用户旋转地图时，图标不会实时旋转以匹配。仅当用户移动地图或旋转后与地图交互时，它才会捕捉到正确的角度。这是有道理的，因为只有当这些事情发生时才会调用样式函数。

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

我尝试捕获旋转事件，如下所示：

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

});

这是有效的，因为它在旋转过程中触发，但它仍然不会在旋转过程中更新图标，只有在用户停止旋转之后（这当然是必须让用户平移地图才能获取更新的改进，但是仍然不是我要找的）。

Answer 1

使用rotateWithView: true于ol.style.Icon.