学習内容: データ値に基づいて地域を色分けする主題図を作成します。
ポイント:
// 値に基づいて色を返す
function getColor(d) {
return d > 15000 ? '#800026' :
d > 12000 ? '#BD0026' :
d > 9000 ? '#E31A1C' :
d > 6000 ? '#FC4E2A' :
d > 3000 ? '#FD8D3C' :
'#FFEDA0';
}
// スタイル関数
function style(feature) {
return {
fillColor: getColor(feature.properties.density),
weight: 2,
opacity: 1,
color: 'white',
fillOpacity: 0.7
};
}
// ハイライト
function highlightFeature(e) {
const layer = e.target;
layer.setStyle({
weight: 5,
color: '#666',
fillOpacity: 0.9
});
}