Folium Heatmap HTML不显示在浏览器中

如何解决Folium Heatmap HTML不显示在浏览器中

我正在尝试使用folium.plugins.HeatMap生成热图，但是当我将其保存为HTML文件时，它不会显示在浏览器中。在浏览器控制台中，我遇到以下错误：Uncaught TypeError: Cannot read property 'setZIndex' of undefined。这是我的示例代码：

import folium
from folium.plugins import HeatMap

hmap = folium.Map( location=[52.505,13.37],tiles="OpenStreetMap",zoom_start=12)
folium.LayerControl().add_to(hmap)

points = [[52.505,[52.505,13.38],13.39]]

folium.plugins.HeatMap(points).add_to(hmap)
hmap.save('heatmap.html')

解决方法

使热图显示在HTML中的一种解决方法是编辑HTML文件本身。在代码中查找叠加层定义，例如：

            var layer_control_8a341783a5d04238b1e40874f3876373 = {
                base_layers : {
                    "openstreetmap" : tile_layer_c92056f46452403fab918ce64ea24a7d,},overlays :  {
                    "macro_element_95af089726784f8d83b0878ea6f5c6de" : heat_map_95af089726784f8d83b0878ea6f5c6de,};

然后删除叠加层列表中的所有内容，因此在我的示例中，您将得到以下内容：

            var layer_control_8a341783a5d04238b1e40874f3876373 = {
                base_layers : {
                    "openstreetmap" : tile_layer_c92056f46452403fab918ce64ea24a7d,overlays :  {
                },};

保存，刷新，然后热图就会神奇地出现！