Добавить eventListener для circleMarker - PullRequest
Новая
       15

Добавить eventListener для circleMarker

0 голосов
/ 29 апреля 2020

новый для JS здесь. Я беру урок прямо сейчас для этого проекта. Я хочу изменить код на то, когда курсор находится над circleMarker, обводка меняется на true, а когда курсор уходит, обводка снова становится false. Я почти уверен, что мне нужно использовать eventListener, mouseover и mouseout, но я не могу заставить его работать. Ниже приведена часть моего кода: 

    for(var i = 0; i < counties.length; i++) { 

             if (percentChanges[i] > 250) { 
                 var popup = "<b>"+counties[i]+" County</b><br>"+"<b>Percent Increase in a week</b>: "+percentChanges[i]+"%";
            L.circleMarker([countyCoords[i][0],countyCoords[i][1]], {
                color: 'yellow',
                 weight: 2,
                 fillColor: '#1ce69b',
                 fillOpacity: .5,
                 stroke: false,
                 radius: 50
            } )
                .addTo(map)   
                .bindPopup(popup) 
            }
        else if (percentChanges[i] >= 150){
           var popup = "<b>"+counties[i]+" County</b><br>"+"<b>Percent Increase in a week</b>: "+percentChanges[i]+"%";
            L.circleMarker([countyCoords[i][0],countyCoords[i][1]], {
                color: 'yellow',
                 weight: 2,
                 fillColor: '#1ce69b',
                 fillOpacity: .5,
                 stroke: false,
                radius: 25
            } )
                .addTo(map)   
                .bindPopup(popup) }
            else {
                var popup = "<b>"+counties[i]+" County</b><br>"+"<b>Percent Increase in a week</b>: "+percentChanges[i]+"%";
                L.circleMarker([countyCoords[i][0],countyCoords[i][1]], {
                    color: 'yellow',
                 weight: 2,
                 fillColor: '#1ce69b',
                 fillOpacity: .5,
                 stroke: false,
                 radius: 8
                } )
                .addTo(map)   
                .bindPopup(popup)
            };



        }

Заранее спасибо!

...