Как я могу добавить класс к группам листовок?

Question

Я делаю игровую карту с разными группами слоев. Все работает нормально, но возможно ли добавить класс в группы слоев, как показано ниже?

Причина в том, что я хотел бы, например, поместить вторую группу слоев поверх первой группы слоев. Я знаю, что можно добавить класс и затем изменить z-индекс, но я понятия не имею, как это сделать.

Вот как я сейчас настроил группы слоев.

// Layer Groups
var lg_locat = L.layerGroup([locat_001, locat_002, locat_003, 
locat_004]).addTo(map);
var lg_quests = L.layerGroup([quest_001, quest_002, quest_003, 
quest_004, quest_005, quest_006, quest_007]).addTo(map);
var lg_noticeboards = L.layerGroup([noticeboard_001, 
noticeboard_002, noticeboard_003]).addTo(map);
var lg_treasures = L.layerGroup([treasure_001, treasure_002, 
treasure_003, treasure_004, treasure_005]).addTo(map);

Пример карты: http://www.droogjeproductions.nl/leaflet-map-test/index.html

Answer 1

Вы можете вызвать метод setZIndex() в группе слоев, который устанавливает z-индекс каждого слоя группы слоев

Например, если lg_noticeboards находятся над квестами, которые находятся выше сокровищ, которые находятся выше локации:

 var lg_locat = L.layerGroup([locat_001, locat_002, locat_003, 
locat_004]).addTo(map).setZIndex(1);
var lg_quests = L.layerGroup([quest_001, quest_002, quest_003, 
quest_004, quest_005, quest_006, quest_007]).addTo(map).setZIndex(3);
var lg_noticeboards = L.layerGroup([noticeboard_001, 
noticeboard_002, noticeboard_003]).addTo(map).setZIndex(4);
var lg_treasures = L.layerGroup([treasure_001, treasure_002, 
treasure_003, treasure_004, treasure_005]).addTo(map).setZIndex(2);

Что-то подобное может сработать, я думаю, если не попробует это:

lg_locat.setZIndex(1);
lg_quests.setZIndex(3);
lg_noticeboards.setZIndex(4);
lg_treasures.setZIndex(2);