[GIS] OpenLayers featureclick event does not work with named graphic (graphicName)

eventsfeaturesopenlayers-2

OpenLayers 2.13. (and 2.13.1) I have been trying to make featureclick event working with vector layers and named graphic features. It works with externalGraphic, but not named graphic (graphicName: …).

Although it does work in IE8, but not IE9, IE10 or IE11. Does not work in FF and Chrome neither. See this example: http://jsfiddle.net/rwgHY/

The triangle is a named graphic feature and clicking it does not do anything (this is the problem). The marker is a PNG graphic (external graphic) and when clicked, the event is triggered and the alert shown.

The event is hooked on the map level. Features are placed on two different vector layers.

I've been looking for solutions on the net, but did not find anything. Is it something silly I am missing here?

Best Answer

You found a bug. I created a pull request with a fix.

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

you can catch your opened(active) popup with this way:

map.popups[a]

you can change so update its content:

map.popups[a].contentHTML = 'Test Content';
map.popups[a].redraw();

or

map.popups[a].setContentHTML = 'Test Content'

you can show or hide your popup:

map.popups[a].show();
map.popups[a].hide();

you can update position of your popup:

map.popups[a].lonlat.lon = 10;
map.popups[a].lonlat.lat = 10;
map.popups[a].updatePosition();

for openlayers cluster you should check out Cluster Strategy Example here. Only one thing you should do is that define fillColor or externalGraphic for your cluster.

          var style = new OpenLayers.Style({
                pointRadius: "${radius}",
                fillColor: "${getColor}",
                fillOpacity: 0.8,
                strokeColor: "#cc6633",
                strokeWidth: 2,
                strokeOpacity: 0.8
            }, {
                context: {
                    radius: function(feature) {
                        return Math.min(feature.attributes.count, 7) + 3;
                    },
                    getColor: function(feature) {
                        return // Your color selection logic;
                    }
                }
            });

As the last question, i dont understand very well what you want? but try to use removeFeatures instead of destroyFeatures....

i hope it helps you...

[GIS] openlayers trigger hover event

This question has been answered before on stackoverflow:

https://stackoverflow.com/questions/8832029/how-to-select-a-feature-programmatically-on-a-vector-layer-in-openlayers

Best Answer

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

[GIS] openlayers trigger hover event

Related Question