Javascript 在多边形要素后面设置传单分割图标

我的传单地图中有一个多边形层（geoJson层）：

通过该层，我根据基本属性启用了

DivIcon

标签：

var label = L.marker(polygonCenter, {
            icon: L.divIcon({
                className: 'label',
                html: '<div>' + label + '</div>'
            }),
        }).addTo(map);

var label=L.marker（polygonCenter{
图标：L.divIcon({
类名：“标签”，
html:“”+标签+“”
}),
}).addTo（地图）；

我还有一些鼠标悬停和点击事件的突出显示样式。
如果可能的话，我希望在多边形后面设置这些divIcon标签，这样鼠标悬停和指向功能就不会被禁止。

---

我已经尝试将标记的zIndexOffset和DivIcon的大小设置为[0,0]，但没有任何效果。有没有办法设置标签前面的多边形？

在传单中，窗格的z索引是自动设置的

我相信：

• 弹出式窗格
• 标记窗格
• 覆盖窗格
• 瓷砖窗格

自上而下

覆盖窗格是多边形层所在的位置。如果将“标记”窗格的z索引调整为位于“覆盖”窗格后面，则标记应显示在多边形后面

请参阅此代码笔以获取示例

css:

#映射{宽度：400px；高度：400px；}
.label{背景色：白色；}
.单张标记窗格{
z指数：2
}

javascript:

var map = L.map('map').setView([51.505, -0.09], 13);
var accessToken='insert your mapbox access token here';
var mapboxTiles = L.tileLayer('https://api.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=' + accessToken, {
    attribution: '<a href="http://www.mapbox.com/about/maps/" target="_blank">Terms &amp; Feedback</a>'
});

mapboxTiles.addTo(map);
var circle = L.circle([51.508, -0.11], 500, {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
}).addTo(map)

var myIcon = L.divIcon({
  iconSize: [70, 20],
  iconAnchor: [35, 10],
  className: 'label',
  html: '<div>' + 'test label' + '</div>'
})

L.marker([51.508, -0.11], {
    icon: myIcon
}).addTo(map);

var-map=L.map（'map'）.setView（[51.505，-0.09]，13）；
var accessToken='insert your mapbox access token here'；
var mapboxTiles=L.tileLayer（'https://api.mapbox.com/v4/mapbox.streets/{z} /{x}/{y}.png？访问令牌='+accessToken{
属性：“”
});
mapboxTiles.addTo（地图）；
变量圆=L圆（[51.508，-0.11]，500{
颜色：“红色”，
填充颜色：“#f03”，
填充不透明度：0.5
}).addTo（地图）
var myIcon=L.divIcon({
iconSize:[70,20]，
iconAnchor:[35,10]，
类名：“标签”，
html:“+”测试标签“+”
})
L.标记（[51.508，-0.11]{
图标：myIcon
}).addTo（地图）；

我添加到地图中的每个geojson层都可以重新排序。我可以向geojson层添加点吗？寻找这个（更具体的）问题的答案：我可以单独看看你的其他问题。你需要澄清我对这个问题的回答吗？我不确定你的评论是关于这个问题还是关于你链接的问题。不，先生-你似乎已经回答了这个问题，如果你对另一个问题也有答案，我将不胜感激。显然我不能再批准22小时的悬赏？

var map = L.map('map').setView([51.505, -0.09], 13);
var accessToken='insert your mapbox access token here';
var mapboxTiles = L.tileLayer('https://api.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=' + accessToken, {
    attribution: '<a href="http://www.mapbox.com/about/maps/" target="_blank">Terms &amp; Feedback</a>'
});

mapboxTiles.addTo(map);
var circle = L.circle([51.508, -0.11], 500, {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
}).addTo(map)

var myIcon = L.divIcon({
  iconSize: [70, 20],
  iconAnchor: [35, 10],
  className: 'label',
  html: '<div>' + 'test label' + '</div>'
})

L.marker([51.508, -0.11], {
    icon: myIcon
}).addTo(map);