如何为单张图层组添加类?

时间:2019-05-28 12:13:55

标签: leaflet

我正在制作具有不同图层组的游戏地图。一切正常,但是是否可以将类添加到“图层”组中,如下所示?

之所以这样,是因为我想例如将第二层组放在第一层组的顶部。我知道可以添加一个类然后更改z-index,但是我不知道该怎么做。

这是我当前设置图层组的方式。

// 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

1 个答案:

答案 0 :(得分:0)

您可以在图层组上调用setZIndex()方法,该方法正在设置图层组每一层的z-index

例如,如果lg_noticeboards在任务之上,在宝物之上,在locat之上,则

 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);