如何在 Folium colorbar 中自定义标题文本？我想增加颜色图标题文本的字体大小

我正在尝试在 Folium 中使用颜色条作为输出变量圆形图

colormap = cm.LinearColormap(colors=['green','red'], index=[min(df['output']), max(df['output'])], vmin=min(df['output']),vmax=max(df['output']), caption='output in units')

folium.Circle(location=[row['Latitude'], row['Longitude']], 
                        radius=800*row["output"],
                        fill=True,
                        # opacity=0.8,
                        # fill_opacity=1,
                        color=colormap(row["output"])).add_to(m)

当我使用此代码时，标题文本“以单位为单位输出”显得非常小。如何增大其字体大小？

Folium 直接不支持在颜色条标题中自定义字体大小。可以通过以下两种方法解决此问题：

方法一：使用 HTML 和 CSS 修改 Folium 对象

此方法需要在创建地图后，直接修改其 HTML 内容。

1. 获取地图的 HTML 表示形式：

m._repr_html_()

1. 使用 BeautifulSoup 或其他 HTML 解析库查找并修改颜色条图例的 CSS 样式：

from bs4 import BeautifulSoup

soup = BeautifulSoup(m._repr_html_(), 'html.parser')

# 找到颜色条图例
colorbar = soup.find('div', class_='leaflet-control-container').find('div', class_='leaflet-bottom leaflet-left').find('div', class_='info legend')

# 添加内联样式以增加字体大小
colorbar['style'] = "font-size: 16px;" 

# 将修改后的 HTML 转换为 Folium 对象
m = folium.Map().add_child(folium.Element(str(soup)))

方法二：使用第三方库创建自定义图例

可以使用 branca.colormap 模块创建自定义图例，并将其添加到 Folium 地图中。

from branca.colormap import LinearColormap, ColorMap
from branca.element import Template, MacroElement

# 创建自定义颜色条
colormap = LinearColormap(colors=['green','red'], index=[min(df['output']), max(df['output'])], vmin=min(df['output']),vmax=max(df['output']))

# 创建自定义图例 HTML
template = """
{% macro html(this, kwargs) %}
  <div style="position: fixed; bottom: 50px; left: 50px; width: 250px; height: 50px; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; padding: 10px; font-size: 16px;">
    <div style="display: inline-block; width: 20px; height: 20px; background-color: {{ this.colors[0] }};"></div>
    <div style="display: inline-block; width: 150px; height: 20px; background: linear-gradient(to right, {{ this.colors|join(', ') }});"></div>
    <div style="display: inline-block; width: 20px; height: 20px; background-color: {{ this.colors[-1] }};"></div>
    <br>
    <div style="text-align: center;">输出单位</div>
  </div>
{% endmacro %}
"""

# 创建 MacroElement 并添加到地图中
macro = MacroElement()
macro._template = Template(template)
m.add_child(macro)

# 将颜色条应用于圆形标记
folium.Circle(location=[row['Latitude'], row['Longitude']], 
                        radius=800*row["output"],
                        fill=True,
                        color=colormap(row["output"])).add_to(m)

选择哪种方法？

• 方法一 更直接，但需要解析和修改 HTML，这可能会在 Folium 更新时出现问题。
• 方法二 更灵活，允许完全自定义图例外观，但需要编写更多代码。

根据的具体需求和编程经验选择最适合的方法。