folium 编写的HTML文件空白,Python创建的简单HTML / Javascript页面显示为空白

我只是关注这个关于Folium的tutorial - 一个制作网络地图的Python库。该教程指出，只有以下三行Python代码才能创建Web地图：

import folium

map_osm = folium.Map(location=[45.5236, -122.6750])

map_osm.create_map(path='osm.html')根据教程，This是osm.html的外观。

但是，osm.html文件在我的浏览器上显示为空白网页。

这是我的osm.html文件的源代码，如果有帮助的话：

html, body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

}

#map {

position:absolute;

top:0;

bottom:0;

right:0;

left:0;

}

var base_tile = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {

maxZoom: 18,

minZoom: 1,

attribution: 'Map data (c) OpenStreetMap contributors'

});

var baseLayer = {

"Base Layer": base_tile

};

/*

addition of the wms layers

*/

/*

addition of the tile layers

*/

/*

list of layers to be added

*/

var layer_list = {

};

/*

Bounding box.

*/

var southWest = L.latLng(-90, -180),

northEast = L.latLng(90, 180),

bounds = L.latLngBounds(southWest, northEast);

/*

Creates the map and adds the selected layers

*/

var map = L.map('folium_62f4bc18e7a1444b908b0413335a38b1', {

center:[20, 40],

zoom: 10,

maxBounds: bounds,

layers: [base_tile]

});

L.control.layers(baseLayer, layer_list).addTo(map);

//cluster group

var clusteredmarkers = L.markerClusterGroup();

//section for adding clustered markers

//add the clustered markers to the group anyway

map.addLayer(clusteredmarkers);