传单地图-仅在某些状态下缩放和单击颜色

时间:2018-08-30 20:51:37

标签: javascript leaflet

我正在使用美国地图的传单来显示每个州的可用属性,我想删除没有属性的州的缩放和单击颜色。

这是我的代码:

function zoomToFeature(e) {
    map.fitBounds(e.target.getBounds());

}
var prevLayerClicked = null;


function onEachFeature(feature, layer) {
        layer.on({
            //mouseover: highlightFeature,
            //mouseout: resetHighlight,
            click: function(e){
                 if (prevLayerClicked !== null) {
                                // Reset style
                                prevLayerClicked.setStyle({
                                            weight: 2,
                                            opacity: 1,
                                            color: 'white',
                                            dashArray: '',
                                            fillOpacity: 1.9,
                                            fillColor: getColor(feature.properties.availability)});

        }
                map.fitBounds(e.target.getBounds());

                var layer = e.target;

                        layer.setStyle({
                            weight: 1,
                            color: '#fff',
                            dashArray: '',
                            fillOpacity: 0.9,
                            fillColor: 'red'
                        });

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

    //info.update(layer.feature.properties.availability);
    prevLayerClicked = layer;
                }
    });
}

我知道我将不得不更改onEachFeature的功能,但不知道如何执行此操作。这是我的第一个地图项目,所以任何帮助都会很棒!

这是我的地图的链接:https://www.thekeithcorp.com/interactive-map/

0 个答案:

没有答案