改变 openlayers 中 feature.vector 的外观

Question

我正在将我的代码从使用标记层转换为矢量图层。我在地图上将标记显示为 Feature.Vector 类时遇到问题（在我仅使用 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);