Discussion :

[augier26]

Bjr,

J'ai créé une carte choroplèthe pour mon association :
https://essaillon-sederon.net/spip.php?article666
Je voudrais que le polygone jaune qui représente la commune de Séderon, reste toujours visible par-dessus après le survol du département de la Drôme.

Les départements français sont créés par un geojson,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var cities = getCities();
 
let geoJSONLayer = L.geoJson(cities, { 
    style: style,
    onEachFeature: onEachFeature
}).addTo(map);

la commune de séderon par un polygon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var latlang = [
[44.205614,5.518208], etc...
];
var polygon = L.polygon(latlang, {color:'gold', fillColor:'gold', weight:6}).addTo(map);

Je me suis inspiré du tuto :
https://www.datavis.fr/index.php?pag...et-choroplethe

Merci de vos conseils avisés

[NoSmoking]

Bonjour,
il te faut remettre ce layer en premier plan à chaque fois qu'il se produit un mouveout, donc dans ta fonction resetHighlight :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function resetHighlight(e) {
    geoJSONLayer.resetStyle(e.target);
    info.update();
    polygon.bringToFront();   // remise au dessus
}

[augier26]

Bjr,

C'est exactement ce qu'il me fallait.
Merci