Изюминка многоугольника листовки

Question

Я следовал здесь руководству по листовке https://leafletjs.com/examples/choropleth/, в котором объясняется, как выделять границы многоугольников при наведении и наведении мыши. Однако на моей карте многоугольник подсвечивается только тогда, когда курсор находится над линией многоугольника, а не когда курсор находится внутри области многоугольника, как в учебнике. Любая помощь будет принята с благодарностью. Спасибо.

JS Фрагмент кода:

// highlight county borders
function highlightFeature(e) {
    var layer = e.target;

    layer.setStyle({
        weight: 5,
        color: '#666',
        dashArray: '',
        fillOpacity: 0.7
    });

    if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
        layer.bringToFront();
    }
}

// reset county borders highlight
function resetHighlight(e) {
    borderLayer.resetStyle(e.target);
}

// zooms to selected feature
function zoomToFeature(e) {
    map.fitBounds(e.target.getBounds());
}

function onEachFeature(feature, layer) {
    layer.on({
        mouseover: highlightFeature,
        mouseout: resetHighlight,
        click: zoomToFeature,
    });
}

// loads county borders from geojson
var borderLayer = L.geoJSON(countyBorders, {
    style: borderStyle,
    onEachFeature: onEachFeature,
});