QT5.9 利用 QWebEngineView / QWebChannel 调用JavaScript 实现QT与HTML网页数据交互，实现QT加载百度地图并与地图交互数据

最新推荐文章于 2024-06-28 10:20:35 发布

lwqsbtl

最新推荐文章于 2024-06-28 10:20:35 发布

阅读量1.2w

点赞数 30

分类专栏： QT相关文章标签： QT 百度地图 QWebEngineView QWebChannel

本文链接：https://blog.csdn.net/qq_43569273/article/details/88122422

版权

本文介绍如何在QT5.9中利用QWebEngineView和QWebChannel实现与HTML网页的数据交互，特别是与百度地图的集成。通过C++调用JS在地图上标注，并接收地图点击事件回传的坐标信息。提供了关键代码片段和完整项目的下载链接。

摘要由CSDN通过智能技术生成

QT5.9 利用 QWebEngineView / QWebChannel 调用JavaScript 实现QT与HTML网页数据交互，实现QT加载百度地图并与地图交互数据

编译环境 QT5.9.3 + VS2015 64/32bit +win10 （MinGW默认不支持 QWebEngineView）

先看软件截图：
在这里插入图片描述

实现功能：
1.QT通过QWebEngineView模块加载百度地图，通过QWebChannel 调用JS函数实现与地图数据交互。
2.点击pushButton按钮QT会调用JS函数在地图页做标注，将上面两个输入框输入的经纬度坐标传给网页（c++调用JS）。
3.鼠标点击地图页后会提示点的坐标信息，并回传给QT，通过qDebug()显示（JS调用C++）。
QT程序用到文件
在这里插入图片描述

bridge.h文件 : -》创建对象供JS调用，JS函数直接调用bridge文件中的函数


class bridge : QObject
{
Q_OBJECT
public:
    bridge();
signals:
    void sigYourName(const QString &name);
public slots:
    void getYourName();
    void getCoordinate(QString l