how to rotate a Icon?

[easy868]

const point = new Feature({
name: 'point',
geometry: new Point([2384267.0573564973, 7557371.884852641])
})
point.setStyle([
new Style({
image: new Icon({
size: [112, 30], // 尺寸
src: zhuchi // 图片url
// scale: 0.1 // 缩放比例
})
})
])

[ghettovoice]

Hello @easy868 ,
ol-rotate-feature executes a geometric rotation by changing the geometry of the feature.
In your case you need to listen for rotate* events and change point image style manually.
There is a demo https://jsfiddle.net/ghettovoice/cs39h7k2/75/.
If you need select interaction too, then you should provide custom styles for it, so you can rotate point icon during selection.

[easy868]

Hello @easy868 , ol-rotate-feature executes a geometric rotation by changing the geometry of the feature. In your case you need to listen for rotate* events and change point image style manually. There is a demo https://jsfiddle.net/ghettovoice/cs39h7k2/75/. If you need select interaction too, then you should provide custom styles for it, so you can rotate point icon during selection.

@ghettovoice Thank you for the demo

[easy868]

Hello @easy868 , ol-rotate-feature executes a geometric rotation by changing the geometry of the feature. In your case you need to listen for rotate* events and change point image style manually. There is a demo https://jsfiddle.net/ghettovoice/cs39h7k2/75/. If you need select interaction too, then you should provide custom styles for it, so you can rotate point icon during selection.

hello @ghettovoice， When I rotate it multiple times, the page becomes sluggish and there is a memory overflow，could you help me?

[ghettovoice]

Hmm, I found that with a smaller icon (no need to scale it by the scale option of the style) there is no performance penalty.
https://jsfiddle.net/ghettovoice/cs39h7k2/80/

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.