QT导入百度地图＜附代码及动图展示＞

最新推荐文章于 2025-02-18 17:13:22 发布

All In ！！！

最新推荐文章于 2025-02-18 17:13:22 发布

阅读量2.8k

点赞数 5

分类专栏： QT 文章标签： qt 街景地图

本文链接：https://blog.csdn.net/hwx802746/article/details/109602517

版权

QT 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种在嵌入式应用中集成百度地图的方法。通过七个步骤详细讲解了如何从创建自定义百度地图链接到在应用程序中加载和显示地图的过程。具体步骤包括获取地图链接、创建本地HTML文件、配置Qt项目、实现地图加载功能等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

老规矩，先看效果

在这里插入图片描述

开始步骤：七步走

第一步：进入百度创建地图链接，请点击：创建地图链接

1.1 点击这个
在这里插入图片描述
1.2 然后全选自定义地图代码并复制

第二步：在D盘新建一个baidu.html文件，将复制的所有代码粘贴到新建的baidu.html文件中，保存！

第三步：pro中添加如下配置

QT += webenginewidgets

第四步：.h中添加如下头文件

#include <QWebEngineView>
#include <QUrl>

第五步：Ui文件中拉个按钮，并右键按钮转到槽函数

在这里插入图片描述
第六步：.cpp中这样写

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

}

MainWindow::~MainWindow()
{
    delete ui;
}

// 按钮的槽函数
void MainWindow::on_pushButton_clicked()
{
    QWebEngineView *view=new QWebEngineView(parentWidget());
    view->load(QUrl("D://baidu.html")); // D://baidu.html就是自己刚创建的
    view->show(); // 显示百度地图
}

第七步：最终的.h是这样的

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QWebEngineView>
#include <QUrl>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:
    void on_pushButton_clicked(); // 按钮的槽函数

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H