如何在 PyQt5 GUI 中显示 Folium 地图？

Posted 2023-03-30

【中文标题】如何在 PyQt5 GUI 中显示 Folium 地图？

【英文标题】：How to show Folium map inside a PyQt5 GUI?

【发布时间】：2019-10-28 11:33:29

【问题描述】：

我试图在 Qt GUI 中显示一个非常简单的 Folium 地图。主要代码是：

import folium

m = folium.Map(location=[45.5236, -122.6750])
m
m.save('index.html')
folium.Map(
    location=[45.5236, -122.6750],
    tiles='Stamen Toner',
    zoom_start=13
)

当我将代码与 Jupyter 一起使用时，它很好，但在 Spyder 中显示了任何内容。我想要的是在 QGraphicsView 或简单 Qt GUI 上的任何其他 QClass 中显示地图？

【问题讨论】：

在QWebEngineView 中显示。例如，请参阅this question。

完全不用JS可以吗？

您可能必须将该 Map 放在 QLabel 中，因为 PyQt5 使用它来保存大多数图像

【参考方案1】：

您可以使用 save 方法将 html 保存在 io.BytesIO() 中，然后使用 setHtml() 方法将其设置为 QWebEngineView：

import io
import sys

import folium
from PyQt5 import QtWidgets, QtWebEngineWidgets

if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    m = folium.Map(
        location=[45.5236, -122.6750], tiles="Stamen Toner", zoom_start=13
    )

    data = io.BytesIO()
    m.save(data, close_file=False)

    w = QtWebEngineWidgets.QWebEngineView()
    w.setHtml(data.getvalue().decode())
    w.resize(640, 480)
    w.show()

    sys.exit(app.exec_())

【讨论】：

你知道你的方法是否支持添加层吗？我目前在这里遇到一些麻烦：***.com/questions/71204476/…

【参考方案2】：

地图的HTML字符串可以传递给setHtml：

import sys
import folium
from PyQt5 import QtWidgets, QtWebEngineWidgets

if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    m = folium.Map(location=[45.5236, -122.6750], zoom_start=13)
    w = QtWebEngineWidgets.QWebEngineView()
    w.setHtml(m.get_root().render())
    w.resize(640, 480)
    w.show()
    sys.exit(app.exec_())