每个ModifyFeature的OpenLayers自定义图形

Question

我是OpenLayers的初级用户，但我想为我的ModifyFeatures提供两种不同的图形（图标）。

我目前有一个有效的DRAG功能和RESIZE功能，拖动应该有一个不同于调整大小的图标。

我可以用这个为这两个功能设置图形：

new OpenLayers.Style({
    'externalGraphic': '/content/themes/base/imgs/mapdraw_move.png',
}

但是这两个功能都将替换为此图片。

我已经尝试过这个（来自教程）：

        OpenLayers.Control.DragGraphicFeature = OpenLayers.Class(
            OpenLayers.Control.ModifyFeature, {
                dragHandleStyle: null,
                initialize: function (layer, options) {
                    this.mode = OpenLayers.Control.ModifyFeature.DRAG;
                    var init_style = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style.select);
                    this.dragHandleStyle = OpenLayers.Util.extend(init_style, {
                        externalGraphic: "/content/themes/base/imgs/mapdraw_resize.png",
                        fillOpacity: 1
                    });
                },
                CLASS_NAME: "OpenLayers.Control.DragGraphicFeature"
            });

但这有一个负面结果