openlayers中的旋转标记（图标）3

Question

我在我的项目中使用openlayers 3。我创建了一个自定义标记（图标），我需要用角度旋转标记。

以前有人试过这个吗？这是我的代码的关键部分，我无法弄清楚。

注意：不是地图。只是标记。

Answer 1

在the icon example中设置叠加层，并对其应用CSS旋转（例如，根据需要添加浏览器前缀版本）（例如，transform: rotate(120deg);，添加浏览器前缀版本）。如果您需要这种动态，请通过JavaScript调整属性。

Answer 2

在3的OpenLayers当前版本，您可以使用ol.style.Icon的rotation属性是这样的：

new ol.style.Style({ 
    image: new ol.style.Icon({ 
     anchor: [0.5, 0.5], 
     anchorXUnits: 'fraction', 
     anchorYUnits: 'fraction', 
     rotation: Math.PI/2.0, 
     src: 'icon.png' 
    }) 
)