Question

我需要在传单地图中创建的线条上对SVG笔划应用一些渐变，因为渐变取决于线条方向，我有以下样式（基于我找到的示例）：

<defs>
    <lineargradient id="NE" spreadMethod="pad" x1="0" y1="100%" x2="100%" y2="0%">
        <stop offset="25%" stop-color="#ff7111" stop-opacity="1"></stop>
        <stop offset="100%" stop-color="#FFFFFF" stop-opacity="1"></stop>
    </lineargradient>
    <lineargradient id="NW" spreadMethod="pad" x1="100%" y1="100%" x2="0%" y2="0%">
        <stop offset="25%" stop-color="#ff7111" stop-opacity="1"></stop>
        <stop offset="100%" stop-color="#FFFFFF" stop-opacity="1"></stop>
    </lineargradient>
    <lineargradient id="SE" spreadMethod="pad" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="25%" stop-color="#ff7111" stop-opacity="1"></stop>
        <stop offset="100%" stop-color="#FFFFFF" stop-opacity="1"></stop>
    </lineargradient>
    <lineargradient id="SW" spreadMethod="pad" x1="100%" y1="0%" x2="0%" y2="100%">
        <stop offset="25%" stop-color="#ff7111" stop-opacity="1"></stop>
        <stop offset="100%" stop-color="#FFFFFF" stop-opacity="1"></stop>
    </lineargradient>
</defs>

我创建了一个与LAT-LNG值相关联的feature.property，并且已经在行路径上创建了它，但是我想知道如何关联此属性以应用特定的SVG样式。

我上传了HERE一个要点来重现我的问题，但无法让.geojson在bl.ocks上工作。

希望你们能帮我解决问题。

将线条渐变应用于Leaflet中的线路径

0 个答案: