2

我在 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);
4

1 回答 1

5

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 文档

于 2013-01-28T16:10:23.983 回答