javascript - 带标签的 Openlayer 外部图形

Question

我想在图像上显示计数，我添加了这样的图层:

var vector = new OpenLayers.Layer.Vector("Test", {
    displayInLayerSwitcher: false
});

vector.styleMap.styles["default"].addRules([
    new OpenLayers.Rule({           
        "maxScaleDenominator": 136495,     
        symbolizer: {
            externalGraphic: "../funnel/ico/blank.png",
                graphicWidth: 20,
                graphicHeight: 20,
        graphicOpacity:1,
        label: "${count}",
            labelOutlineWidth: 1,
            fontColor: "#ffffff",
            fontOpacity: 0.8,
            fontSize: "12px" 
        }
    })            
]);

但标签显示在图片下方，label below icon

像空的，但我想在这样的图形上添加标签- label on top of icon

怎么做？

Answer 1

您可以使用以下样式属性(使用 StyleMap)设置标签位置:

• 标签对齐
• labelXOffset// Canvas 渲染器不支持!
• labelYOffset// Canvas 渲染器不支持! *

在此处查看符号属性:http://dev.openlayers.org/apidocs/files/OpenLayers/Feature/Vector-js.html