Annonce
L'appel à participation est ouvert jusqu'au 19 janvier 2025!
#1 Mon 14 December 2015 15:43
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
BaseMaps en premier plan
Bonjour,
Voici mon code:
Code:
var baseMaps = {
"décade février 1": raster,
"décade février 2": raster2
};
var overlayMaps = {
"Fond couleur": fond,
"Fond Noir et Blanc": fond2
};
L.control.layers(baseMaps, overlayMaps).addTo(map);
map.addLayer(raster);
</script>Les rasters sont des rasters tuilés, les fonds sont des fonds OSM.
En fait, je veux que mes rasters soit gérés par des bouton radio et mes fonds OSM par des checkbox entry.
Mon but est qu'on puisse afficher un seul raster à la fois (sinon ils se superposent), donc pour mes rasters je ne veux pas de checkbox entry.
Mon code fait très bien cela, sauf que les fonds OSM sont en premier plan et donc cachent mes rasters...
Comment mettre mes rasters en premier plan ?
Quelqu'un a une idée ?
Merci 
Dernière modification par mlt (Mon 14 December 2015 15:47)
Hors ligne
#2 Mon 14 December 2015 16:33
Re: BaseMaps en premier plan
Bonjour,
Essayé d'utiliser l'option zIndex.
http://leafletjs.com/reference.html#tilelayer
Plus le chiffre est haut, plus l'élément va être au premier plan.
Hors ligne
#3 Tue 15 December 2015 14:11
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: BaseMaps en premier plan
Merci pour la réponse.
Ca ne change rien, un de mes raster disparaît.
Code:
var fond = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, zIndex: 5, attribution: 'Données et traitements CIRAME'
});
var fond2 = L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png', { maxZoom: 19, zIndex: 5, attribution: 'Données et traitements CIRAME'
});
map.addLayer(fond);
map.addLayer(fond);
var raster = L.tileLayer('urltuiles/{z}/{x}/{y}.png', { maxZoom: 19, zIndex: 15, maxNativeZoom: 11, tms: true
}).setOpacity(0.7);
var raster2 = L.tileLayer('urltuiles2/{z}/{x}/{y}.png', { maxZoom: 19, zIndex: 16, maxNativeZoom: 11, tms: true
}).setOpacity(0.7);Hors ligne
