ja代码：leaflet热力图中添加选择显示不同范围值的组件

这个问题属于技术问题，可以回答。

可以使用 Leaflet 的 Control 进行组件的添加，同时使用 Leaflet.heat 进行热力图的创建。

以下是示例代码：

var heat = L.heatLayer(data).addTo(map);

var legend = L.control({ position: 'bottomleft' });

legend.onAdd = function (map) {
  var div = L.DomUtil.create('div', 'info legend');
  var grades = [0, 10, 20, 30, 40, 50];
    var labels = [];
    div.innerHTML += '<strong>Intensity (per km2)</strong><br>';
    for (var i = 0; i < grades.length; i++) {
      div.innerHTML +=
        '<i style="background:' +
        Color(grades[i] + 1) +
        '"></i> ' +
        grades[i] +
        (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');
    }
    return div;
};

legend.addTo(map);

这个代码片段添加了一个选择显示不同范围值的组件，以及热力图和相应的图例。