以編程方式旋轉要素 打開圖層

Question

TLDR我想在我打開的圖層中旋轉一個特征。
我希望它面對我從服務器收到的某個標題。

---

我知道你可以在一個點上旋轉一個功能：

window.setInterval(function() {rotateFeature(
       pointFeature, 360 / 20, origin)}, 100);

從開放層的例子。

但我希望能夠面對它給我的標題，所以。

1. 我可以將特征面向標題嗎？
2. 我可以以同樣的方式面對特征（圖像）嗎？
3. 如果不是，是否可以自動計算所需的旋轉並以這種方式定位？
4. 或者關於我如何用圖像做到這一點的任何想法？ （希望不要有360圖像）

一個例子或類似的將不勝感激。

---

到目前為止沒有運氣使用：

      window.setInterval(function() {rotateFeature(
        imagefeature, 150 / 360, origin)}, 1000);
        function rotateFeature(feature, angle, origin) {
            feature.geometry.rotate(angle, origin);
            }

其中 origin 是圖像對象的中心點。

任何想法代碼方面？

Answer 1

您可以使用圖像/圖標來表示矢量點，例如

http://openlayers.org/dev/examples/vector-features.html

使用此 png 文件替代文本 http://openlayers.org/dev/img/marker.png然后您應該能夠像在另一個示例中一樣旋轉該點。 您可以旋轉到任何角度：

http://dev.openlayers.org/releases/OpenLayers-2.8/doc/apidocs/files/OpenLayers/Geometry/Point-js.html#OpenLayers.Geometry.Point.rotate

rotate: function(angle,origin)

圍繞另一個點旋轉一個點。 參數

角度 {Float} 以度為單位的旋轉角度（從正 x 軸逆時針測量）

origin {OpenLayers.Geometry.Point} 旋轉的中心點