大叶地图填补手机空白

如何解决大叶地图填补手机空白

我使用 Flask 制作了一个网络应用程序，主体中有导航栏和 folium 地图。它在电脑上运行良好，但是当我尝试在手机中打开它时，地图没有填满整个屏幕。所以我尝试制作这个类

class React(MacroElement):
   _template = Template(u"""
            {% macro script(this,kwargs) %}
              $(window).on("resize",function() {
                $("#{{this._parent.get_name()}}").height($(window).height()).width($(window).width());
                {{this._parent.get_name()}}.invalidateSize();
                }).trigger("resize");
            {% endmacro %}
            """) #noqa
   
   def __init__(self):
        super(React,self).__init__()
        self._name = 'React'

然后按 m.add_child(React()) 添加到我的地图。不幸的是，它不会改变任何东西。我也想避免使用全屏插件。我已经尝试过将祖先容器的高度和宽度设置为 100% 的 CSS 方法，但它不起作用

解决方法

[已解决]通过使祖先容器100vh或100%然后添加这个

fig = branca.element.Figure(height="100%")
fig.add_child(m)

我不再需要 React 类