更改openlayers 2

Question

我在Openlayers中有一个图层，允许用户绘制一条线，每个顶点都出现一些节点。例如：

我希望第一个节点看起来与其余节点不同，但是，表示该行的开始。我使用styleMap生成图层样式，但似乎无法覆盖第一个节点的属性。

这是我的风格地图代码：

   var myDefault = {
        strokeColor: "#FF9900",
        fillColor: "#FF9900",
        strokeOpacity: 1,
        strokeWidth: 4,
        fillOpacity: .9,
        pointRadius: 6
    };

    var myStyleMap = new OpenLayers.StyleMap({
       "default": new OpenLayers.Style(myDefault, {context:context})
    });

非常感谢任何帮助！

Answer 1

您可以定义自定义样式函数，而不是仅使用未处理的要素属性。为此，您必须在OpenLayers.Style中定义“context”属性，例如使用标签条件。

var defStyle = new OpenLayers.Style({
strokeColor: "#ee9900", 
strokeWidth: 2, 
fillColor: "#ee9900", 
pointRadius: 5 , 
strokeWidth: 2,
    strokeOpacity: 1,
    label: '${label}',
    fontSize: '11px',
    fontColor: '#575555',
    fontFamily: 'Verdana',
    labelAlign: 'cm',
    labelOutlineWidth: 2
},
{
 context: {
        label:function(feature) {
            if(feature.attributes['measure']) {
                return feature.attributes.measure+" "+ feature.attributes.units;
            } else {
                return '';
            }
        }
}
});

您可以为firts节点添加任何属性并进行搜索，以应用您的自定义样式。