[GIS] How to remove a feature style in openlayers

openlayers

I need to remove a feature style to set up another one. How can I do it? Do I just have to set up the new one and the last one will be removed by default?

I've looked at the documentation and did not found any answer to this.

Best Answer

Yes, you just assign a new style to your vector layer or your feature using the setStyle method. The old one is removed automatically.

Related Solutions

[GIS] Remove selected feature Openlayers 3

Yes, you can remove selected feature.

var draw;
var featureID = 0;
var singleClick;
var selectedFeatureID;

// First some change in this function.

function addInteraction() {
   map.removeInteraction(singleClick);

      draw = new ol.interaction.Draw({
      source: source,
      type: ("LineString")
  });

 // Create drawend event of feature and set ID to feature

  draw.on('drawend', function (event) {
    featureID = featureID + 1;
    event.feature.setProperties({
        'id': featureID
    })
 })
   map.addInteraction(draw);
 }

Then Change in select Function as follow:

 function addSelect() {
    map.removeInteraction(draw);
    singleClick = new ol.interaction.Select();
    map.addInteraction(singleClick);

     singleClick .getFeatures().on('add', function (event) {
     var properties = event.element.getProperties();
     selectedFeatureID = properties.id;       
    });
 }

Then call this function on REMOVE button click

 function removeSelectedFeature() {
   var features = source.getFeatures();
     if (features != null && features.length > 0) {
         for (x in features) {
            var properties = features[x].getProperties();
            console.log(properties);
            var id = properties.id;
            if (id == selectedFeatureID) {
              source.removeFeature(features[x]);
               break;
            }
          }
        }
      }

With this code you can remove any selected feature. If it is Line,Point, Polygon etc.

[GIS] Style OpenLayers 3 Attribution Control

You can override the look and feel of ol-attribution class in your CSS. Also you can provide your own CSS class:

var attribution = new ol.control.Attribution({
    className: "yolo"
});

Note that in this case, the ol-attribution class will not be added to the element.

For your problem with list you should not use display:table but display:block on the ul and display:list-item on the li. You will then get a vertical list that behave better.

Best Answer

Related Solutions

[GIS] Remove selected feature Openlayers 3

[GIS] Style OpenLayers 3 Attribution Control

Related Question