Question

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

function StartGame() {
    document.getElementById("Player1").innerHTML = document.getElementById("Name1").value;
    document.getElementById("Player2").innerHTML = document.getElementById("Name2").value;
    document.getElementById("Player3").innerHTML = document.getElementById("Name3").value;
}

根据教程，

This是osm.html的样子。

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

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

import folium
map_osm = folium.Map(location=[45.5236, -122.6750])
map_osm.create_map(path='osm.html')

Answer 1

在您发布的HTML中，所有<link>和<script>代码都使用NodeLabel Parameter Plugin, BuildParameterFactory。

如果浏览器通过HTTPS查看当前页面，那么它将使用HTTPS协议请求该资产，否则它通常会通过HTTP请求它。

当然，如果您在本地查看文件，它会尝试使用file://协议请求该文件。

我认为您在本地查看了该文件，因此浏览器尝试在您的计算机上查找不存在的脚本/ CSS文件。只需在所有链接生效之前添加http:即可。

Answer 2

folium创建的html文件旨在通过http协议查看。当user880772回答时，如果您直接在浏览器中打开文件（file://方法），它们将无效，除非您手动将所有相对网址更改为http://前面的网址。

要继续通过http查看文件（无需编辑html）：在终端中，在包含html文件的目录中，运行：

# Python 2.x
python -m SimpleHTTPServer

或

# Python 3.x
python -m http.server

然后在浏览器中访问http://localhost:8000/并导航到folium创建的html文件。

有关详细信息，请参阅https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally。

Python创建的简单HTML / Javascript页面显示为空白

2 个答案: