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