如何使用fontawesome和folium.icon？

Question

如何使用fontawesome和folium.icon？

8

我希望使用自定义的fontawesome图标，谢谢。

我想使用fontawesome图标来改变folium.icon中的图标。

例如，我想要更改这个图标：

    import folium

    m = folium.Map(location=(25.0431, 121.539723), zoom_start=12,tiles='Cartodb Positron')

    folium.Marker(
        location=[25.0431, 121.539723], 
        icon=folium.Icon(color="red",icon="fa-truck", prefix='fa')).add_to(m)

    m

以下是来自fontawesome的汉堡图标：

汉堡图标，如下所示：

    folium.Marker(
        location=[25.0431, 121.539723], 
        icon=folium.Icon(color="red",icon="fa-hamburger", prefix='fa')).add_to(m)

但是对我不起作用！

非常感谢！！！

- Doeiqw Dwe

“但对我来说不起作用”：这是什么意思？错误信息？没有图标显示？还是旧的？ - tobltobs

没有图标显示，只有一个红色标记。 - Doeiqw Dwe

3个回答

4

只需使用从互联网上获取的图像(.png, .jpeg等)

m = folium.Map(location=[19,-99], zoom_start=5, tiles="Stamen Terrain")

icon = folium.features.CustomIcon('PASTE_URL', icon_size=(24, 24))

folium.Marker(
    location=[19.30,-99.27],
    popup="Mt. Hood Meadows",
    icon = icon,
).add_to(m)

来源：https://nbviewer.jupyter.org/github/ocefpaf/secoora_assets_map/blob/gh-pages/test_geojson.ipynb

该链接为测试地理JSON数据的Jupyter Notebook代码。

- berrodriquez26

很好，为我节省了很多时间 ;) - Cory C

3

我认为问题出现的原因是folium使用的是FontAwesome 4，而汉堡包图标在FontAwesome 5.7之后才有。因此解决方案要么使用FontAwesome 4图标列表中的字体，要么对Folium进行修改以更新库。

对于我来说，至少folium.Icon(color='red',icon="car", prefix='fa')有效。

- natsuapo

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mayosten · Accepted Answer

修正

我之前的回答忽略了Folium和Leaflet存在的这个问题：在Fontawesome v5中添加的图标目前无法在Folium或其基础上的Leaflet中呈现，你实现的如 "truck" 这样的Fontawesome v4字体可以完美工作。所以你需要等待支持 "hamburger" 或者在Fontawesome v4列表中找到另一个可用的标记。

请记住，如果你使用不了Fontawesome，你总是可以尝试使用Bootstrap图标作为替代方案。

下面提供的信息仅适用于Fontawesome v4.x 图标

欢迎！通过轻微修改你的图标构造器，你应该能够呈现出此图标。在正常用法中，icon参数将指向来自Bootstrap的标准glyphicons。如果要使用Fontawesome图标，请输入图标名称而不带前缀（例如仅使用 "hamburger" 而不是在前面加上 "fa-"），然后添加Fontawesome的 prefix 关键字参数，即 fa。

所以在你的情况下，它应该像这样:

folium.Marker(
    location=[25.0431, 121.539723], 
    icon=folium.Icon(color="red",icon="hamburger", prefix='fa')
).add_to(m)

请参考这个问题。