如何将JS地图添加到PYQT5？

Question

我想将Marinetraffic提供的地图添加到Pyqt5中。当我将Marinetraffic提供的HTML代码添加到自己的程序中时，它无效。 我想添加的地图： Marinetraffic Map JS js

from PyQt5 import QtCore, QtGui, QtWidgets, QtWebEngineWidgets, QtWebChannel


class Backend(QtCore.QObject):
    valueChanged = QtCore.pyqtSignal(str)

    def __init__(self, parent=None):
        super().__init__(parent)
        self._value = ""

    @QtCore.pyqtProperty(str)
    def value(self):
        return self._value

    @value.setter
    def value(self, v):
        self._value = v
        self.valueChanged.emit(v)


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.webEngineView = QtWebEngineWidgets.QWebEngineView()
        self.label = QtWidgets.QLabel(alignment=QtCore.Qt.AlignCenter)

        lay = QtWidgets.QVBoxLayout(self)
        lay.addWidget(self.webEngineView, stretch=1)
        lay.addWidget(self.label, stretch=1)

        backend = Backend(self)
        backend.valueChanged.connect(self.label.setText)
        backend.valueChanged.connect(self.foo_function)
        self.channel = QtWebChannel.QWebChannel()
        self.channel.registerObject("backend", backend)
        self.webEngineView.page().setWebChannel(self.channel)

        path = "index.html"
        self.webEngineView.setUrl(QtCore.QUrl.fromLocalFile(path))

    @QtCore.pyqtSlot(str)
    def foo_function(self, value):
        print(value)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

当我运行它时，我会得到连接失败的错误。 由于我的搜索，我尝试了所有尝试的方法，我在哪里做错了，您可以帮忙吗？

Answer 1

阅读 qtcore.qurl.fromlocalfile 的文档：

qtcore.qurl.qurl.fromlocalfile

“一个具有相对路径的文件URL仅在解决基本网址时才有意义。”

因此，我们添加了基本路径：

import os
...

        path = os.getcwd() + "\\index.html"
        self.webEngineView.setUrl(QtCore.QUrl.fromLocalFile(path))

在OS之间添加了路径兼容性（编辑）

from pathlib import Path
...
        base_path = Path(Path.cwd())
        full_path = base_path.joinpath('index.html')
        self.webEngineView.setUrl(QtCore.QUrl.fromLocalFile(str(full_path)))