folium地图中FloatImage显示过大问题求助

问题描述 #

使用folium的FloatImage插件在地图右下角插入图例图片，上周显示正常，未修改代码的情况下现在图片显示过大，更换图片、调整图片尺寸后问题依旧。相关代码：

import folium
from folium.plugins import FloatImage

m = folium.Map(location=[52.542100, 13.384019], zoom_start=10)
image = ('https://upload.wikimedia.org/wikipedia/commons/d/d6/Beispiel.png')        
FloatImage(image, bottom=10, left=1).add_to(m)
m

可行解决思路 #

• 强制指定图片CSS尺寸：FloatImage默认样式可能因环境变更失效，直接通过css_style参数强制限制图片大小，保持比例的同时固定显示尺寸：

  FloatImage(image, bottom=10, left=1, css_style="width:200px;height:auto;").add_to(m)
  

  可根据需求调整width的具体数值，height:auto会自动匹配图片比例。

• 检查folium版本变更：可能是folium或其依赖库自动更新导致样式逻辑变化。执行pip show folium查看当前版本，若近期有更新，可尝试回退到之前正常的版本：

  pip install folium==[之前的稳定版本号]
  

• 清除页面缓存：如果在Jupyter Notebook或浏览器中预览，旧的样式缓存可能导致异常，清除浏览器缓存后重新加载页面。

• 验证图片源属性：手动确认图片的实际像素尺寸，确保图片源站未修改图片本身的尺寸属性。

内容的提问来源于stack exchange，提问作者chulia