OpenLayers:将功能注册到标记事件不起作用

Question

我在OpenLayers中有一个带有简单图层和标记图层的地图.标记层中的标记由...生成data.rows.对于每个标记,我想在"mousedown"(或"click")事件中注册一个函数,但这似乎不起作用.标记已添加到地图中,但在单击时,未输入注册到事件的功能.

// Marker-Layer
    var markers = new OpenLayers.Layer.Markers("SABA")

    // Icon
    var size = new OpenLayers.Size(21, 25);
    var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h);
    var iconPath = document.location.protocol + '//' + document.location.hostname + '/saba/modulesinst/sa/icons/pin.png';
    var icon = new OpenLayers.Icon(iconPath, size, offset);

    // Rows durchgehen
    Array.each(data.rows, function(item, index) {
        if (item.x != null && item.y != null) {
            var newmarker = new OpenLayers.Marker(new OpenLayers.LonLat(item.x, item.y), icon.clone())

            newmarker.events.register('mousedown', newmarker, function(evt) {
                alert(item.name);
                OpenLayers.Event.stop(evt);
            });
            markers.addMarker(newmarker);
        }
    });
    this.listMap.addLayer(markers);

Answer 1

Openlayers文档声明您应该使用矢量图层而不是标记图层:"标记是与浏览器中的地理数据交互的'较旧'方式.大多数新代码应尽可能使用矢量图层标记层".

使用矢量图层时,可以添加如下标记:

var marker = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(lon,lat), attributes);
vectorLayer.addFeatures(marker);

并且您可以使用此代码初始化矢量图层:

function selected (evt) {
    alert(evt.feature.id + " selected on " + this.name);
}
var layer = new OpenLayes.Layer.Vector("VLayer");
layer.events.register("featureselected", layer, selected);

最后将这个选择功能控件添加到地图中:

var control = new OpenLayers.Control.SelectFeature(layer);
map.addControl(control);
control.activate();

请参阅此Openlayers文档