Javascript 每个ModifyFeature的OpenLayers自定义图形

我是OpenLayers的新手，但我希望我的ModifyFeatures有两个不同的图形图标

我目前有一个活动的拖动功能和调整大小功能，拖动应该有一个不同的图标比调整大小

我可以通过以下方式为这两个功能设置图形：

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"
            });

但这有一个负面的结果