如何用folium在html上添加图例？

在html上添加图例可以通过使用Folium库来实现。Folium是一个基于Python的数据可视化库，它可以将地理数据可视化为交互式地图。

要在html上添加图例，首先需要在Python代码中创建一个Folium地图对象。然后，可以通过添加Folium图层并设置其样式来实现图例的添加。

下面是一个示例代码，演示如何使用Folium在html上添加图例：

import folium

# 创建地图对象
m = folium.Map(location=[38.907,-77.037], zoom_start=12)

# 创建图例对象
legend_html = '''
     <div style="position: fixed; 
                 bottom: 50px; left: 50px; width: 100px; height: 90px; 
                 border:2px solid grey; z-index:9999; font-size:14px;
                 ">&nbsp; Legend <br>
       &nbsp; Marker 1 &nbsp; <i class="fa fa-map-marker fa-2x"
                     style="color:green"></i><br>
       &nbsp; Marker 2 &nbsp; <i class="fa fa-map-marker fa-2x"
                     style="color:red"></i>
      </div>
     '''

# 添加图例到地图
folium.Marker(
    location=[38.907,-77.037],
    popup='Marker 1',
    icon=folium.Icon(icon='green')
).add_to(m)

folium.Marker(
    location=[38.917,-77.047],
    popup='Marker 2',
    icon=folium.Icon(icon='red')
).add_to(m)

# 保存地图为html文件
m.get_root().html.add_child(folium.Element(legend_html))
m.save('map.html')

在上述代码中，首先创建了一个地图对象m，并设置了地图的中心点和缩放级别。然后创建了一个图例对象legend_html，其中定义了图例的样式和内容。接下来，通过调用folium.Marker方法添加了两个标记点，并设置了不同的图标和弹出框内容。最后，通过m.get_root().html.add_child方法将图例添加到地图上，并保存为html文件。

这样，生成的html文件中就包含了地图以及添加的图例。您可以通过浏览器打开html文件，即可看到地图和图例的效果。

请注意，以上代码中的图例样式和内容仅供参考，您可以根据自己的需求进行修改和扩展。另外，需要确保在运行代码时，已经安装了Folium库和所需的依赖项。

推荐的腾讯云相关产品和产品介绍链接地址：无