我正在 QtWebEngineView 中显示 folium 生成的 HTML(用于 leaflet.js)。在弹出窗口中,我有一个带有单击函数的按钮,该函数应该在 python 中调用回方法。但我似乎无法让频道正常工作。我不确定我是否在 QtWebChannel 或 JS 上做错了什么,或者可能是 folium?
我已将以下 JavaScript 注入到 QWebChannel.js 的末尾,该 JavaScript 在 QWebChannel.js 的末尾加载<body>
var jshelper;
new QWebChannel(qt.webChannelTransport, function (channel) {
jshelper = channel.objects.jshelper;
});
document.getElementById("myBtn").addEventListener("click", function(){
jshelper.pathSelected("Test!")
});
这是我的 Python 代码
import sys
import os
import branca
from branca.element import *
import folium
from folium import plugins
from PyQt5 import QtWebEngineWidgets, QtCore, QtWidgets, QtWebChannel
from PyQt5.QtWidgets import QMainWindow, QAction, QMenu, QApplication, QWidget, QLineEdit, QLabel, QPushButton, QGridLayout, QDockWidget
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.setObjectName('Main')
QtCore.QMetaObject.connectSlotsByName(self)
self.view = QtWebEngineWidgets.QWebEngineView()
self.view.setObjectName('MapWidget')
self.window = QWidget()
self.window.setObjectName('MainWidget')
self.layout = QGridLayout()
self.window.setLayout(self.layout)
self.layout.addWidget(self.view)
self.setCentralWidget(self.window);
self.channel = QtWebChannel.QWebChannel(self.view.page())
self.view.page().setWebChannel(self.channel)
self.channel.registerObject("jshelper", self)
self.us = folium.Map(location=[36,-108],
zoom_start=5, tiles='StamenWatercolor')
fastestRoute = folium.PolyLine( ((40,-110), (50,-110)),
weight=5,color='blue').add_to(self.us)
f = Figure()
f.html.add_child(Element('<button id="myBtn">Try it</button>'))
f.html.add_child(Element('<p>\n TEST \n</p>'))
link = JavascriptLink('https://rawgit.com/toknowjoyman/qwebch/master/qwebchannel.js')
f.html.add_child(Element(link.render()))
print (f.render())
iframe = branca.element.IFrame(html=f.render(), width=500, height=300)
popup = folium.Popup(iframe, max_width=500)
fastestRoute.add_child(popup)
self.us.save("html/test.html")
self.view.load(QtCore.QUrl().fromLocalFile(
os.path.split(os.path.abspath(__file__))[0]+r'/html/test.html'
))
self.setGeometry(100,100,1200,900)
self.show()
@QtCore.pyqtSlot(str)
def pathSelected(self, lat):
print(lat)
if __name__ == '__main__':
sys.argv.append("--remote-debugging-port=8000")
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
非常感谢您帮助解决这个问题
让我知道我是否应该为弹出窗口或 leaflet.js api 发布 folium 生成的 html