Qt内嵌百度地图

目录

Qt内嵌百度地图

1.WebEngineView声明与定义

2.使用百度地图JavaScript API

2.1.注册账号，添加应用，获取ak码

2.2.设置容器样式，创建地图容器元素

2.3.初始化地图并显示

3.Qt调用Javascript函数

4.Javascript调用Qt函数

---

Qt内嵌百度地图

本文利用Qt的WebEngineView控件实现程序内嵌百度地图，涉及Qt后台与百度地图前端的数据交互以及函数调用。

1.WebEngineView声明与定义

.pro文件中加入

QT       += webenginewidgets

新建MainWidget类，继承自QWidget。

mainwidget.h文件中包含<QtWebEngineWidgets/QWebEngineView>头文件：

#include <QtWebEngineWidgets/QWebEngineView>

mainwidget.cpp的类构造函数定义m_webview指针并设置位置与大小：

m_webview = new QWebEngineView(ui->auto_tab);//设置父容器
m_webview->setGeometry(QRect(10, 30, 581, 341));// 设置锚点与大小

载入本地html文件：

m_webview->load(QUrl("file:///E:/Code/FishUpper/webview/FishMap.html"));

显示m_webview：

m_webview->show();

此时程序效果如下图，在Qt软件中展示了编写好的html文件，下面介绍如何使用百度地图的JavaScript API

2.使用百度地图JavaScript API</