在闪亮的

Question

有没有办法通过使用闪亮的方法在传单中显示一条具有两种不同颜色的折线（例如：基于道路速度限制）？任何帮助都可以得到高度赞赏。

Answer 1

您可以使用此插件：http://hgoebl.github.io/Leaflet.MultiOptionsPolyline/demo/

您必须为GeoJSON属性中的每个点定义速度。

然后您只需在以下代码后添加此代码：

var myPolyline = L.multiOptionsPolyline(YourGeoJSONHere, {
    multiOptions: {
        optionIdxFn: function (latLng) {
            var i,
                speedThresholds = [5, 10, 15, 30];

            for (i = 0; i < speedThresholds.length; ++i) {
                if (latLng.alt <= speedThresholds[i]) {
                    return i;
                }
            }
            return speedThresholds.length;
        },
        options: [
            {color: '#0000FF'}, {color: '#0040FF'},
            {color: '#0080FF'}, {color: '#00FFB0'}
        ]
    },
    weight: 5,
    opacity: 0.9,
    smoothFactor: 1
}).addTo(layerTrace);

速度：https://github.com/hgoebl/Leaflet.MultiOptionsPolyline/blob/master/demo/js/demo.js#L59-L80