传单：如何在鼠标悬停在标记上时仅突出显示位于标记后面的多边形？

如何解决传单：如何在鼠标悬停在标记上时仅突出显示位于标记后面的多边形？

在PHP上循环时，我生成了一些多边形和标记。现在，我想精确地突出显示一个鼠标悬停的标记后面的多边形。但是以下代码始终突出显示相同的多边形。无论鼠标悬停在哪个标记上，它都会始终突出显示相同的多边形。我认为问题在于，它总是占用循环的最后一个多边形。如何使鼠标悬停的标记突出显示其后面的多边形？提前非常感谢..

 <?PHP  
       for ($i=0;$i<=count($station);$i++) {  
 ?>
        var polygon = new L.polygon(line,{
            color: pastel,weight: 0.4,opacity: 0.1,fillColor: pastel,fillOpacity: 0.05,interactive: true   
        });
        polygon.addTo(map);
        
        var myIcon = L.divIcon({
            className: 'divIcon',iconSize: new L.Point(35,15),iconAnchor:[18,20],zIndexOffset: 1000,html: '<?=$desc1[$i]?>'
        });
        var marker = L.marker([x1,y1],{icon: myIcon})
        .addTo(map)
        .bindTooltip('<?=$desc[$i]?>');
        
        marker.on('mouSEOver',function() { 
            polygon.setStyle({
                fillOpacity: 0.5  
            });
        });
        marker.on('mouSEOut',function() {
            polygon.setStyle({
                fillOpacity: 0.05
            });
        });
    
    <?PHP
    }
    ?> 

解决方法

像这样参考标记上的多边形：

var polygon = new L.Polygon(line,{
            color: pastel,weight: 0.4,opacity: 0.1,fillColor: pastel,fillOpacity: 0.05,interactive: true   
        });
        polygon.addTo(map);
        
        var myIcon = L.divIcon({
            className: 'divIcon',iconSize: new L.Point(35,15),iconAnchor:[18,20],zIndexOffset: 1000,html: '<?=$desc1[$i]?>'
        });
        var marker = L.marker([x1,y1],{icon: myIcon})
        .addTo(map)
        .bindTooltip('<?=$desc[$i]?>');
        
        marker.refPoly = polygon;
        marker.on('mouseover',function(e) { 
            e.target.refPoly.setStyle({
                fillOpacity: 0.5  
            });
        });
        marker.on('mouseout',function(e) {
            e.target.refPoly.setStyle({
                fillOpacity: 0.05
            });
        });