leaflet中基于彩色多段线的geojson属性

<script src="leaflet.js"></script>
<script src="leaflet.colorizr.js"></script>

<div id="map"></div>

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
    maxZoom: 18,
}).addTo(map);

var geojsonFeature = {
    "type": "Feature",
    "properties": {
        "color": "red" // 根据属性值设置颜色
    },
    "geometry": {
        "type": "LineString",
        "coordinates": [
            [0, 0],
            [10, 10]
        ]
    }
};

L.geoJSON(geojsonFeature, {
    style: function(feature) {
        return {
            color: feature.properties.color // 根据属性值设置线段颜色
        };
    }
}).addTo(map);