[GIS] How to disable layer(not hide) in OpenLayers 3

openlayers

In my map, I have multiple layers.
For certain operations I want to only work on one layer. The other layers should be visible, but disabled, so that they can not be selected or interacted with in any way.

Best Answer

You should be able to pass in the layers option for ol.control.Select and only pass in the layer you want to edit.

http://openlayers.org/en/v3.4.0/apidoc/ol.interaction.Select.html?unstable=true

layers Array. | function experimental A list of layers from which features should be selected. Alternatively, a filter function can be provided. The function will be called for each layer in the map and should return true for layers that you want to be selectable. If the option is absent, all visible layers will be considered selectable.

Related Solutions

[GIS] Map put on hidden tab not shown after tab comes to front in OpenLayers 4

You will need map.updateSize
If you set size of map target element(div) in style(css), simply call map.updateSize.
sample codepen here

OpenLayers 5 – How to Hide a Layer

You have two choices

When instanciating the layer

import Map from 'ol/Map.js';
import View from 'ol/View.js';
import TileLayer from 'ol/layer/Tile.js';
import OSM from 'ol/source/OSM.js';

var osm = new TileLayer({
  source: new OSM(),
  visible: false
});
var map = new Map({
  layers: [osm],
  target: 'map',
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});

After instanciation of the layer

import Map from 'ol/Map.js';
import View from 'ol/View.js';
import TileLayer from 'ol/layer/Tile.js';
import OSM from 'ol/source/OSM.js';

var osm = new TileLayer({
  source: new OSM()
});
var map = new Map({
  layers: [osm],
  target: 'map',
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});
osm.setVisible(false);

setVisible method is inherited from http://openlayers.org/en/latest/apidoc/module-ol_layer_Base-BaseLayer.html

PS: At the moment, the API is more readable in version 4.6.5 of the docs. as you have all inherited properties shown in one place. Since version 5.0, a refactoring of the docs related to TypeScript/Typedoc is ongoing but not finished, hence the poor readability at the moment.

Best Answer

Related Solutions

[GIS] Map put on hidden tab not shown after tab comes to front in OpenLayers 4

OpenLayers 5 – How to Hide a Layer

Related Question