Le portail francophone de la géomatique

var baseLayer = new TileLayer({
  source: new OSM({
      layer: 'terrain'
  }),
  name: 'baseLayer',
  visible : true
});
var Terrain = new TileLayer({
  source: new Stamen({
      layer: 'terrain'
  }),
  name: 'Terrain',
  visible : false,
});
var satellite =  new TileLayer({
  source: new XYZ({
    url: 'https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v9/tiles/256/{z}/{x}/{y}?access_token=token'
  }),
  name: 'mapbox',
  visible : false,
});
var map = new Map({
  layers: [baseLayer,Terrain,foncier2,satellite,IGN,GPU],
  target: 'map',
  // container: 'map',
  renderer:'canvas',
view: new View({
center: fromLonLat([2, 48]),
zoom: 6
}),
});

$('.fonddecarte').change(function() {
  var layer = $(this).val();
  map.getLayers().getArray().forEach(function(e) {
      foncier2.setVisible(true)
    var name = e.get('name');
    e.setVisible(name == layer); 
  });
});