[GIS] Marker layer not responding to events in OpenLayers

eventslayersopenlayers-2z-index

I have multiple layers in OpenLayers: three vector layers, one google map layer, and a marker layer. I registered feature selected event to all three vector layers (which works fine, but btw is that a good practice to register events one by one?). When I registered the click event for marker layer, it doesn't respond.

var marker = new OpenLayers.Marker(position, icon);
marker.events.register('click', marker, function(e){
    // Do something...
});
markerLayer.addMarker(marker);

I wondered if it was caused by the problem of layer order. I tried setting ZIndex for layers, but it didn't work.

Best Answer

There is no problem in registering events one by one. The problem is the amount of events registered. As more events more time to process them.

You must check what stuff is turned on map. Several controls that can be attached to the map maybe stopping the click event.

You can put the layer as the last layer on map, so it should be the highest.

If you do not want to register each layer event you can use the OpenLayers.Control.SelectFeature that can monitor several layers together.

  map.addControl(  new OpenLayers.Control.SelectFeature( [ vector1, vector2, markers ], { autoActivate: true } ) );

Related Solutions

[GIS] Touch ‘tap’ event not available on openlayers 2.11 map (update: click works fine)

The main problem is the conflict with TouchNavigation Handler.Click controls: when you are panning, sometimes the "tap" (aka click) is not catched.

This solution has worked to me, in order to be able to have tap support in recent android devices and with newer Chrome for Android releases. As you can see, I added double click (tap) event, to "force" calling the handler :-)

OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
    defaultHandlerOptions: {
        'single': true,
        'double': true,
        'pixelTolerance': 1,
        'stopSingle': false,
        'stopDouble': false,
        'delay': 10
    },
    initialize: function(options) {
        this.handlerOptions = OpenLayers.Util.extend(
            {}, this.defaultHandlerOptions
        );
        OpenLayers.Control.prototype.initialize.apply(
            this, arguments
        );
        this.handler = new OpenLayers.Handler.Click(
            this, {
                'click': this.trigger
            }, this.handlerOptions
        );
    }
});

[GIS] Click a marker icon to open a pop-up, using OpenLayers

Few pointers to get you started. You've already done some research, so you know the right places to look for more info:

Don't use a Markers layer. Do use a Vector layer.
Vector layer can be styled. Each of your points can have attributes e.g. "color:blue" or "severity:moderate" and based on those attributes you can Style the points with different icons or shapes
Attach the on-click handler to the LAYER not individual points. The click handler will get a parameter that is the Feature being clicked on. From there you can retrieve attributes attached to the feature.
Inside click-handler show a Bubble and you control what goes in the bubble HTML -> could be point ID (rather pointless) or some other meta-data that you store in the point attribute e.g. "title: point1" "title: point2"
Alternatively you can also do all of the above by adding a KML layer that's properly styled, and the Placemarks have appropriate and tags.

Here are some samples:

Best Answer

Related Solutions

[GIS] Touch ‘tap’ event not available on openlayers 2.11 map (update: click works fine)

[GIS] Click a marker icon to open a pop-up, using OpenLayers

Related Question