JavaScript - 如何为红线绘制黑色轮廓（或描边） - leaflet mapbox

Question

我试图弄清楚如何使用fillcolor: red和outline: black绘制线串。 就像下面的图片：

style = {
        fillColor: 'rgb(255,0,0)',
        outline: 'rgb(0,0,0)'
        weight: 10
    };

它不起作用，也许我需要使用 strokeStyle？

任何帮助将不胜感激。

Answer 1

线条没有，也没有填充颜色。

你真正想要的是每个线几何绘制两个线符号，同时确保黑色线首先 （即后面 ）绘制红色线。

在Leaflet中，创建两个地图窗格，确保它们的z索引正确（阅读教程！），根据需要添加图层，重用行几何图形但更改符号外观。

Answer 2

@mik1971 看这个例子。 我的情况类似，但对于其他可能的分析来说效率不高：

var geojson = new L.geoJson(data, {                            
            style: function (feature) {                                                                      
            return {color: 'black', opacity: 1, weight: 3};
        }
        }).addTo(map);
    
        var geojson = new L.geoJson(data, {                        
            style: function (feature) {                                 
                var c;                                                
                switch (feature.properties.dpv_cal) {
                    case 'Pavimentada':
                        c = '#ff0127';                                  
                        break;
                    case 'Mejorada':
                        c = '#db6adb';
                        break;
                    case 'Natural':
                        c = '#ffffff';
                        break;
                    default:
                        c = 'grey';
                        break;
                }
            return {color: c, opacity: 1, weight: 2};
            }
        }).addTo(map);
    }
});

我已经两次声明我的 geojson 并且它有效。