改變 openlayers 中 feature.vector 的外觀

Question

我正在將我的代碼從使用標記層轉換為矢量圖層。 我在將 map 上的標記顯示為 Feature.Vector class 時遇到問題（在我僅使用 Feature 類之前）。

具體來說，我無法弄清楚如何使用我選擇的獨特圖像來顯示每個功能。 我已經看到了一些如何使用樣式映射來更改特征樣式的示例，但我還沒有看到直接設置特征圖像的方法。

這似乎是一個簡單的問題，但我還沒有找到解決方案。 我目前正在嘗試使用樣式屬性：

var feature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(ll.lon, ll.lat), {externalGraphic: "http://www.openlayers.org/dev/img/marker.png"}); 

但是，這只會導致正常的默認圖標（橙色圓圈）。

設置特征的 data.icon 和創建標記同樣不起作用。

提前致謝！

Answer 1

您將占位符放在由要素屬性填充的圖層樣式中。

var style = OpenLayers.Util.extend({
    externalGraphic : "${icon}",
    pointRadius     : 15
}, OpenLayers.Feature.Vector.style['default']);

var layer   = new OpenLayers.Layer.Vector("Simple Geometry", { style: style }),
    point   = new OpenLayers.Geometry.Point(ll.lon, ll.lat),
    feature = new OpenLayers.Feature.Vector(point, { icon: "icon.png" });

layer.addFeature(feature);