dictionary - OpenLayers:注册功能来标记事件不起作用

Question

我在 OpenLayers 中有一张 map ，其中包含一个简单图层和一个标记图层。 标记层中的标记是从data.rows生成的。对于每个标记，我想向“mousedown”(或“click”)事件注册一个函数，但这似乎不起作用。标记已添加到 map 中，但单击后，不会输入注册到事件的功能。

// 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);

最后将选择功能控件添加到您的 map 中:

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

引用这个Openlayers Documentation