CODEWITHSUNDEEP
javascriptopenlayers-3
Sefran2
Sefran2

Reputation: 3588

OpenLayers: how can be ol.FeatureOverlay replaced in 3.13v?

Here there is an overlay feature example.

It doesn't work on 3.13 OpenLayers version because of no more supported ol.FeatureOverlay.

How can be it replaced? Could you give me an example?

Upvotes: 1

Views: 2114

Answers (3)

Greg
Greg

Reputation: 2609

For OL 6.3.1 Vector Layer demonstrates the highlighting on mouseover

Upvotes: 0

Connected Wanderer
Connected Wanderer

Reputation: 313

I had the same issue. There is an updated example on OpenLayers website for the latest version (Vector Layer - v3.14.2) where features are highlighted on mouseover.

Upvotes: 2

Jonatas Walker
Jonatas Walker

Reputation: 14168

Copied & Pasted from changelog/v3.7.0.md

Instead of an ol.FeatureOverlay, we now use an ol.layer.Vector with an ol.source.Vector. If you previously had:

var featureOverlay = new ol.FeatureOverlay({
  map: map,
  style: overlayStyle
});
featureOverlay.addFeature(feature);
featureOverlay.removeFeature(feature);
var collection = featureOverlay.getFeatures();

you will have to change this to:

var collection = new ol.Collection();
var featureOverlay = new ol.layer.Vector({
  map: map,
  source: new ol.source.Vector({
    features: collection,
    useSpatialIndex: false // optional, might improve performance
  }),
  style: overlayStyle,
  updateWhileAnimating: true, // optional, for instant visual feedback
  updateWhileInteracting: true // optional, for instant visual feedback
});
featureOverlay.getSource().addFeature(feature);
featureOverlay.getSource().removeFeature(feature);

Upvotes: 7

Related Questions