javascript - 如何为 map 上的多边形生成填充颜色范围？

Question

我正在尝试为 map 上的每个多边形分配填充颜色，我正在关注 leaflet example for choropleth ，该示例根据 geojson 文件的属性生成颜色，例如“密度”:94.65

// get color depending on population density value
function getColor(d) {
    return d > 1000 ? '#800026' :
            d > 500  ? '#BD0026' :
            d > 200  ? '#E31A1C' :
            d > 100  ? '#FC4E2A' :
            d > 50   ? '#FD8D3C' :
            d > 20   ? '#FEB24C' :
            d > 10   ? '#FED976' :
                        '#FFEDA0';
}

function style(feature) {
    return {
        weight: 2,
        opacity: 1,
        color: 'white',
        dashArray: '3',
        fillOpacity: 0.7,
        fillColor: getColor(feature.properties.density)
    };
}

我没有使用该属性，我想做的是可能使用每个 "properties":{"name": 或 "id":< 生成填充颜色

这就是我正在尝试的:

function style(feature) {
    jQuery("svg path").each(function(){
        myColour = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6)
    });
    return {
        weight: 2,
        opacity: 1,
        color: 'white',
        dashArray: '3',
        fillOpacity: 0.7,
        fillColor: myColour
    };
}

var geojson = L.geoJson(statesData, {
    style: style,
}).addTo(map);

Uncaught ReferenceError: myColour is not defined

Answer 1

解决了:

function style(feature) {
    return {
        weight: 2,
        opacity: 1,
        color: 'white',
        dashArray: '3',
        fillOpacity: 0.7,
        fillColor: '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6)
    };
}