Вращающийся маркер (значок) в openlayers 3

Я использую openlayers 3 в своем проекте. Я создал собственный маркер (значок), и мне нужно повернуть маркер под углом.

Кто-нибудь пробовал это раньше? Это критическая часть моего кода, и я не мог понять это.

Примечание: не карта. просто маркер.


openlayers-3
person gokhangokce    schedule 22.09.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Настройте наложение, как в примере значка, и примените к нему поворот CSS. (например, transform: rotate(120deg);, при необходимости добавьте версии с префиксом браузера). Если вам нужно, чтобы это было динамично, настройте свойство с помощью JavaScript.

person Juho Vepsäläinen    schedule 27.09.2014

arrow_upward
2
arrow_downward

В текущих версиях 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'
    })
)
person Phae7rae    schedule 09.04.2015