C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例

最新推荐文章于 2024-09-14 02:51:11 发布
最新推荐文章于 2024-09-14 02:51:11 发布
阅读量1.9k 收藏 45
点赞数 16
分类专栏： # GIS开发 文章标签： qt gis 瓦片地图 QGraphicsView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43627907/article/details/140234922
版权

C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例

文章目录

更多精彩内容
👉个人内容分类汇总 👈
👉GIS开发 👈

1、概述

  1. 支持多线程加载显示本地离线瓦片地图(墨卡托投影)；
  2. 瓦片切片规则以左上角为原点（谷歌、高德、ArcGis等），不支持百度瓦片规则；
  3. 支持显示瓦片网格、编号信息。
  4. 支持鼠标滚轮缩放切换地图层级。
  5. 支持鼠标拖拽。
  6. 采用z/x/y层级瓦片存储格式。
  7. 在单文件中实现所有主要功能，简单便于理解。
  8. 以QGraphicsView原点为起始位置，将加载的第一张瓦片显示在原点，其它瓦片相对于第一张瓦片进行显示【相对像素坐标】。

开发环境说明

  • 系统：Windows11、Ubuntu20.04
  • Qt版本：Qt 5.14.2
  • 编译器：MSVC2017-64、GCC/G++64

2、实现效果

使用瓦片地图工具下载z/x/y存储格式的瓦片地图进行显示。

在这里插入图片描述

3、主要代码

  • mapgraphicsview.h文件

    #ifndef MAPGRAPHICSVIEW_H
#define MAPGRAPHICSVIEW_H

#include <QGraphicsView>
#include <QGraphicsScene>
#include <QFuture>

class MapGraphicsView : public QGraphicsView
{
    Q_OBJECT
public:
    explicit MapGraphicsView(QWidget *parent = nullptr);
    ~MapGraphicsView();

    void setPath(const QString& path);
    void quit();

protected:
    void wheelEvent(QWheelEvent *event) override;

signals:
    void addImage(QPixmap img, QPoint pos);
private:
    void getMapLevel();     // 获取路径中瓦片地图的层级
    void getTitle();        // 获取路径中瓦片地图编号
    void loatImage();       // 加载瓦片
    void clearReset();       // 清除重置所有内容
    int getKey();          // 获取当前显示的层级key值
    void on_addImage(QPixmap img, QPoint pos);

private:
    QGraphicsScene* m_scene = nullptr;
    QString m_path;          // 瓦片地图文件路径
    QHash<int, QGraphicsItemGroup*> m_mapItemGroups;     // 存放地图图元组的数组，以瓦片层级为key
    QGraphicsItemGroup* m_mapitemGroup = nullptr;        // 当前显示层级图元
    QHash<int, QGraphicsItemGroup*> m_gridItemGroups;    // 存放地图网格图元组的数组，以瓦片层级为key
    QGraphicsItemGroup* m_griditemGroup = nullptr;       // 当前显示层级网格图元
    int m_keyIndex = 0;               // 当前显示的瓦片层级
    QVector<QPoint> m_imgTitle;       // 保存图片编号
    QFuture<void> m_future;
};

#endif // MAPGRAPHICSVIEW_H

  • mapgraphicsview.cpp文件

    #include "mapgraphicsview.h"

#include <QDir>
#include <QDebug>
#include <QGraphicsItemGroup>
#include <QtConcurrent>
#include <QWheelEvent>

MapGraphicsView* g_this = nullptr;
MapGraphicsView::MapGraphicsView(QWidget *parent) : QGraphicsView(parent)
{
    m_scene = new QGraphicsScene(this);
    this->setScene(m_scene);
    g_this = this;
    connect(this, &MapGraphicsView::addImage, this, &MapGraphicsView::on_addImage);
    this->setDragMode(QGraphicsView::ScrollHandDrag);      // 设置鼠标拖拽
//    QThreadPool::globalInstance()->setMaxThreadCount(1);   // 可以设置线程池线程数
}

MapGraphicsView::~MapGraphicsView()
{
    g_this = nullptr;
    quit();   // 如果程序退出时还在调用map就会报错，所以需要关闭
}


/**
 * @brief 退出多线程
 */
void MapGraphicsView::quit()
{
    if(m_future.isRunning())   // 判断是否在运行
    {
        m_future.cancel();               // 取消多线程
        m_future.waitForFinished();      // 等待退出
    }
}


/**
 * @brief       设置加载显示的瓦片地图路径
 * @param path
 */
void MapGraphicsView::setPath(const QString &path)
{
    if(path.isEmpty()) return;
    m_path = path;
    getMapLevel();      // 获取瓦片层级
    loatImage();        // 加载第一层瓦片
}

/**
 * @brief        鼠标缩放地图
 * @param event
 */
void MapGraphicsView::wheelEvent(QWheelEvent *event)
{
    QGraphicsView::wheelEvent(event);

    if(m_future.isRunning())   // 判断是否在运行
    {
        return;
    }
    if(event->angleDelta().y() > 0)   // 放大
    {
        if(m_keyIndex < m_mapItemGroups.count() -1)
        {
            m_keyIndex++;
        }
    }
    else
    {
        if(m_keyIndex > 0)
        {
            m_keyIndex--;
        }
    }
    loatImage();        // 加载新的层级瓦片
}

/**
 * @brief 计算瓦片层级
 */
void MapGraphicsView::getMapLevel()
{
    if(m_path.isEmpty()) return;

    clearReset();    // 加载新瓦片路径时将之前的内容清空

    QDir dir(m_path);
    dir.setFilter(QDir::Dirs | QDir::NoDotAndDotDot);    // 设置过滤类型为文件夹，且不包含隐藏文件夹
    dir.setSorting(QDir::Name);                          // 设置按文件夹名称排序
    QStringList dirs = dir.entryList();
    for(auto& strDir : dirs)
    {
        bool ok;
        int level = strDir.toInt(&ok);
        if(ok)
        {
            if(!m_mapItemGroups.contains(level))  // 如果不包含
            {
                // 初始化加载所有瓦片层级到场景中，默认不显示
                QGraphicsItemGroup* itemMap = new QGraphicsItemGroup();
                m_scene->addItem(itemMap);
                itemMap->setVisible(false);
                m_mapItemGroups[level] = itemMap;
                // 初始化加载所有瓦片层级网格到场景中，默认不显示
                QGraphicsItemGroup* itemGrid = new QGraphicsItemGroup();
                m_scene->addItem(itemGrid);
                itemGrid->setVisible(false);
                m_gridItemGroups[level] = itemGrid;
            }
        }
    }
}

/**
 * @brief 获取当前显示层级中所有瓦片的编号
 */
void MapGraphicsView::getTitle()
{
    QString path = m_path + QString("/%1").arg(getKey());    // z  第一层文件夹
    QDir dir(path);
    dir.setFilter(QDir::Dirs | QDir::NoDotAndDotDot);    // 设置过滤类型为文件夹，且不包含隐藏文件夹
    dir.setSorting(QDir::Name);                          // 设置按文件夹名称排序
    QStringList dirs = dir.entryList();
    QPoint point;
    for(auto& strDir : dirs)
    {
        bool ok;
        int x = strDir.toInt(&ok);                         // x层级 第二层文件夹
        if(ok)
        {
            point.setX(x);
            dir.setPath(path + QString("/%1").arg(x));
            dir.setFilter(QDir::Files | QDir::NoDotAndDotDot);    // 设置过滤类型为文件，且不包含隐藏文件
            dir.setSorting(QDir::Name);                           // 设置按文件夹名称排序
            QStringList files = dir.entryList();
            for(auto& file: files)
            {
                int y = file.split('.').at(0).toInt(&ok);   // 去除后缀，以文件名为y
                if(ok)
                {
                    point.setY(y);
                    m_imgTitle.append(point);
                }
            }
        }
    }
}

QString g_path;   // 保存当前层级路径
/**
 * @brief       在多线程中加载图片
 * @param point
 */
void readImg(const QPoint& point)
{
    QString path = QString("%1/%2/%3.jpg").arg(g_path).arg(point.x()).arg(point.y());
    QPixmap image;
    if(image.load(path))
    {
        if(g_this)
        {
            emit g_this->addImage(image, point);   // 由于不能在子线程中访问ui，所以这里通过信号将图片传递到ui线程进行绘制
        }
    }
//    QThread::msleep(50);     // 加载时加上延时可以更加清晰的看到加载过程
}

/**
 * @brief 加载显示瓦片图元
 */
void MapGraphicsView::loatImage()
{
    quit();                  // 加载新瓦片之前判断是否还有线程在运行
    m_imgTitle.clear();
    if(m_mapitemGroup)
    {
        m_mapitemGroup->setVisible(false);        // 隐藏图层
        m_griditemGroup->setVisible(false);       // 隐藏图层
    }
    m_mapitemGroup = m_mapItemGroups.value(getKey());
    m_griditemGroup = m_gridItemGroups.value(getKey());
    if(!m_mapitemGroup || !m_griditemGroup) return;
    if(m_mapitemGroup->boundingRect().isEmpty())   // 如果图元为空则加载图元显示
    {
        getTitle();      // 获取新层级的所有瓦片编号
        g_path = m_path + QString("/%1").arg(getKey());
        m_future = QtConcurrent::map(m_imgTitle, readImg);
    }
    m_mapitemGroup->setVisible(true);              // 显示新瓦片图层
    m_griditemGroup->setVisible(true);             // 显示新网格图层
    m_scene->setSceneRect(m_mapitemGroup->boundingRect());   // 根据图元大小自适应调整场景大小
}

/**
 * @brief 清除重置所有内容
 */
void MapGraphicsView::clearReset()
{
    if(m_mapItemGroups.isEmpty()) return;
    m_keyIndex = 0;
    m_mapitemGroup = nullptr;
    m_griditemGroup = nullptr;
    m_imgTitle.clear();
    QList<int>keys = m_mapItemGroups.keys();
    for(auto key : keys)
    {
        // 清除瓦片图元
        QGraphicsItemGroup* item = m_mapItemGroups.value(key);
        m_scene->removeItem(item);    // 从场景中移除图元
        delete item;
        m_mapItemGroups.remove(key);   // 从哈希表中移除图元

        // 清除网格
        item = m_gridItemGroups.value(key);
        m_scene->removeItem(item);     // 从场景中移除图元
        delete item;
        m_gridItemGroups.remove(key);   // 从哈希表中移除图元
    }
}

/**
 * @brief   获取当前层级的key值
 * @return  返回-1表示不存在
 */
int MapGraphicsView::getKey()
{
    if(m_mapItemGroups.isEmpty()) return -1;

    QList<int>keys = m_mapItemGroups.keys();
    std::sort(keys.begin(), keys.end());    // 由于keys不是升序的，所以需要进行排序
    if(m_keyIndex < 0 || m_keyIndex >= keys.count())
    {
        return -1;
    }
    return keys.at(m_keyIndex);
}

/**
 * @brief       绘制地图瓦片图元
 * @param img   显示的图片
 * @param pos   图片显示的位置
 */
void MapGraphicsView::on_addImage(QPixmap img, QPoint pos)
{
    if(!m_mapitemGroup || m_imgTitle.isEmpty())
    {
        return;
    }

    // 计算瓦片显示位置，默认为256*256的瓦片大小
    QPoint& begin = m_imgTitle.first();
    int x = (pos.x() - begin.x()) * 256;
    int y = (pos.y() - begin.y()) * 256;
    // 绘制瓦片
    QGraphicsPixmapItem* itemImg = new QGraphicsPixmapItem(img);
    itemImg->setPos(x, y);   // 以第一张瓦片为原点
    m_mapitemGroup->addToGroup(itemImg);

    // 绘制网格、
    QGraphicsRectItem* itemRect = new QGraphicsRectItem(x, y, 256, 256);
    m_griditemGroup->addToGroup(itemRect);
    itemRect->setPen(QPen(Qt::red));
    // 绘制编号
    QString text = QString("%1,%2,%3").arg(pos.x()).arg(pos.y()).arg(getKey());
    QGraphicsSimpleTextItem* itemText = new QGraphicsSimpleTextItem(text);
    QFont font;
    font.setPointSize(14);                           // 设置字体大小为12
    QFontMetrics metrics(font);
    qreal w = metrics.horizontalAdvance(text) / 2.0; // 计算字符串宽度
    qreal h = metrics.height() / 2.0;               // 字符串高度
    itemText->setPos(x + 128 - w, y + 128 - h);     // 编号居中显示
    itemText->setFont(font);
    itemText->setPen(QPen(Qt::red));
    m_griditemGroup->addToGroup(itemText);

    m_scene->setSceneRect(m_mapitemGroup->boundingRect());   // 根据图元大小自适应调整场景大小
}

4、源码地址

mahuifa
关注
专栏目录
QT QGraphicsview实现的简单地图
09-02
QT QGraphicsview实现的简单地图，包括地图加载、放缩、漫游以及添加图标等功能
【QT学习笔记】QT教程：用QT加载瓦片地图的方法
ffffffeiyu的博客
02-26 2299
具体来说，地图服务提供商先将地图按照一定的分辨率切分成标准大小（例如256x256像素）的小图片，然后根据缩放级别（Zoom Level）的不同，逐级生成更精细或更粗糙的瓦片。瓦片地图（Tile Map）是一种在网络环境下，将大范围的地图数据分割成一系列预生成的小尺寸图像文件（称为瓦片或图块），并通过特定的坐标系统和层级结构来组织这些瓦片，以便在客户端（如Web浏览器、手机应用等）按需加载并拼接展示为完整地图的一种技术手段。在Qt中加载瓦片地图可以通过几种方式实现，具体取决于您选择的地图框架和数据源。
C++(Qt)-GIS开发-简易瓦片地图下载器
最新发布
weixin_40643264的博客
09-14 364
Qt-GIS开发-简易瓦片地图下载器 目录Qt-GIS开发-简易瓦片地图下载器1、概述2、安装openssl3、实现效果4、主要代码4.1 算法函数4.2 瓦片地图下载url拼接4.3 多线程下载5、源码地址6、参考 更多精彩内容 ????个人内容分类汇总 ???? ????GIS开发 ???? 1、概述 支持单线程、多线程下载瓦片地图。 使用QNetworkAccessManager、QN...
OpenGL实现Google地图瓦片的绘制漫游视频教程
12-04
OpenGL实现Google地图瓦片的绘制漫游视频培训课程：此次教程所涉及的内容有OpenGL绘制图片、FreeImage加载图片、墨卡托投影、瓦片的金字塔模型、FramebufferObject、地图的移动和缩放优化，采用屏幕瓦片绘制优化、采用ImageBuffer优化、采用多线程优化、地图操作优化、模拟，生成全球瓦片(debug)、MFC-对话框中绘制地图、MFC-View中绘制地图、QT中绘制地图、在线浏览Google地图等。
QGraphicsView实现简易地图1『加载离线瓦片地图』
浮生流年的博客
07-30 2813
QGraphicsView实现离线瓦片地图的初步加载
Qgis二次开发-加载本地离线瓦片地图
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
07-30 5032
此方法不好用，我使用这个方法之后，对于高德下载的瓦片地图使用起来会存在问题，高德的地图层级。修改nginx的nginx.conf文件，添加如下的路径，我监听的本地9090端口。具体的QgsXyzConnection类定义：看如下文章。启动服务，成功之后，看起来就像这样。
Qt加载离线地图
pzs0221的专栏
04-24 8710
一、例子 QWebEngineView加载谷歌离线地图 二、
瓦片地图
zack_liu的博客
03-04 3721
一、定义 瓦片地图金字塔模型是一种多分辨率层次模型，从瓦片金字塔的底层到顶层，分辨率越来越低，但表示的地理范围不变。首先确定地图服务平台所要提供的缩放级别的数量N，把缩放级别最高、地图比例尺最大的地图图片作为金字塔的底层，即第0层，并对其进行分块，从地图图片的左上角开始，从左至右、从上到下进行切割，分割成相同大小(比如256x256像素)的正方形地图瓦片，形成第0层瓦片矩阵;在第0层地图图片的基础上，按每2x2像素合成为一个像素的方法生成第1层地图图片，并对其进行分块，分割成与下一层相同大小的正方形地图瓦
QGIS--qt.rar_QGIS 开发_c++ 地图开发_qt gis_qt qgis开发_qt 地图
07-15
qgis 地图二次开发，为初学者尽快掌握地图开发。对大家有很大帮助
Qt-C++-peanutlib框架-示例程序-psample01u0
02-20
**Qt-C++-peanutlib框架-示例程序-psample01u0** 在软件开发领域，Qt是一个广泛使用的开源跨平台应用程序开发框架，它基于C++语言，并提供了丰富的库来简化用户界面（UI）的设计和开发。Peanutlib框架可能是由...
Qt-C++-peanutlib框架-示例程序-psample02u0
02-22
**Qt-C++-peanutlib框架-示例程序-psample02u0** 在软件开发领域，Qt是一个广泛使用的开源跨平台应用程序开发框架，它基于C++语言，并提供了丰富的库和工具来创建图形用户界面（GUI）和其他非GUI应用程序。Qt的API...
Qt 5.9 C++开发指南-Qt核心特点源码
09-16
**Qt 5.9 C++ 开发指南：深入理解Qt核心特点与源码解析** Qt是一个流行的开源跨平台应用程序开发框架，广泛应用于桌面、移动和嵌入式系统。Qt 5.9是其一个重要的版本，它在稳定性和性能上都有显著提升，同时也引入...
Qt 6 C++开发指南全书示例源码-qmake完整版
05-05
【Qt 6 C++开发指南全书示例源码-qmake完整版】是针对Qt 6框架的一个详细学习资源，包含了一系列与C++结合开发Qt应用程序的实例代码和相关文档。这里的重点是qmake，一个用于构建Qt项目的自动化构建系统。 qmake是...
OpenLayers之加载多源数据四：万能瓦片地图加载秘籍
热门推荐
不睡觉的怪叔叔的博客
08-02 1万+
目录 加载简单的瓦片地图 瓦片地图之高德地图 瓦片地图之百度地图 重新定义OpenLayers3的瓦片坐标系 分析瓦片地图坐标系 解密瓦片url 加载微软Bing中文地图 Google地图加载 其实加载瓦片地图基本是大同小异，你可能会觉得很惊讶，因为网上在线的地图服务，看起来都不一样，本节即将为你解开这层神秘的面纱。此处用一张图来直观地认识一下瓦片结构： 从...
QML Map中使用Open Street Map(osm)离线地图（瓦片地图加载方式）
zjgo007的专栏
05-06 7265
当使用QML Map显示地图时，有时候无法连接互联网，因此需要使用离线模式加载地图，加载离线地图瓦片时，需要为插件设置参数信息，其中name表示参数字段，value表示传入的值，此时将下载好的瓦片地图路径填入value中即可实现离线加载，离线瓦片地图下载工具目前我正在完善功能中，功能完善后会开源供大家参考使用，先放osm地图0-8层全球瓦片地图，直接解压缩就可以使用。
Qt/C++项目作品06-地图综合应用/在线离线/瓦片地图下载/海量点/实时轨迹/轨迹回放
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
01-16 1万+
1. 支持多种地图内核，默认采用百度地图，可选高德地图、天地图、腾讯地图等。 2. 同时支持在线地图和离线地图两种模式，离线地图方便在不联网的场景中使用。 3. 支持各种地图控件的启用，比如地图导航、地图类型、缩略图、比例尺、全景导航、实时路况、绘图工具、结果面板等。 4. 支持多种地图功能的动态启用禁用，比如地图拖曳、键盘操作、滚轮缩放、双击放大、连续缩放、地图测距等。 5. 提供众多js函数接口用于交互，参数极其丰富，能够想到的应用场景需求都有。
QT实现地图瓦片转换的一种算法实现(附代码)
j_oop的博客
03-22 1989
一、场景描述： 目前主流的地图瓦片规则都是2的n次幂乘2的n次幂（2x4，4x8，8x16....），但是有些软件厂商采用的瓦片规则除外（比如5x10，10x20,20x40），如何将不同规则的瓦片转换到自己平台上使用，是本篇文章的目的。 本篇文章以将（2x4，4x8，8x16）瓦片转换成（5x10，10x20，20x40）瓦片为例 二、实现思路 1.首先确定两种规则下瓦片le...
QML QtLocation地图应用学习-5：实现自己的plugin加载瓦片地图
龚建波
12-22 1万+
Qt Location模块中的plugin默认只有 "esri"、"mapbox"、"osm"、"here"，一般我们需要换成自己的数据源，github 上有人做了谷歌地图和其他地图的 plugin 。而我目前的需求是加载本地瓦片地图，所以准备实现一个自己的 plugin 。 1.了解如何自定义 plugin 我们可以通过查看 Qt Location 相关文档，了解自定义 plugin 的步...
QGraphicsView实现简易地图6『异步加载-单瓦片-无底图』
浮生流年的博客
08-16 695
QGraphicsView实现简易地图6『异步加载-无底图』
c++ qt QGraphicsView不显示右边和下边的滑动条
02-29
在使用C++和Qt中的QGraphicsView时，如果你希望不显示右边和下边的滑动条，可以通过设置QGraphicsView的属性来实现。具体步骤如下： 1. 创建一个QGraphicsView对象，例如： QGraphicsView *view = new QGraphicsView(); 2. 设置水平和垂直滚动条的策略为ScrollBarAlwaysOff，即始终不显示滚动条，代码如下： view->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); view->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); 3. 将QGraphicsView对象添加到布局或窗口中，以便显示出来。 这样设置后，QGraphicsView将不会显示右边和下边的滑动条。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mahuifa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值