1

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

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

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

4

2 回答 2

2

像在图标示例中那样设置覆盖并对其应用 CSS 旋转（即transform: rotate(120deg);，根据需要添加浏览器前缀版本）。如果您需要它是动态的，请通过 JavaScript 调整属性。

于 2014-09-27T05:11:06.657 回答
2

在当前版本的 OpenLayers 3 中，您可以使用如下rotation属性ol.style.Icon：

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'
    })
)
于 2015-04-09T08:50:50.447 回答