手把手教你构建Qt动态地图，解锁专业绘图新功能

2023-12-31 15:49:45

一、前言

地图应用常常需要悬浮工具栏，方便用户在地图上绘制矩形、多边形、圆形、线条等图形，然后获取这些图形的形状信息，比如坐标点、圆形的中心点和半径。而Qt框架就提供了这样一个功能接口，我们将在本文中详细讲解。

二、添加悬浮工具栏

// 创建工具栏
QToolBar *toolbar = new QToolBar;

// 添加绘制矩形按钮
QAction *rectAction = toolbar->addAction(QIcon("rect.png"), "Draw Rectangle");

// 添加绘制多边形按钮
QAction *polygonAction = toolbar->addAction(QIcon("polygon.png"), "Draw Polygon");

// 添加绘制圆形按钮
QAction *circleAction = toolbar->addAction(QIcon("circle.png"), "Draw Circle");

// 添加绘制线条按钮
QAction *lineAction = toolbar->addAction(QIcon("line.png"), "Draw Line");

// 将工具栏添加到地图
mapWidget->addToolBar(toolbar);

三、监听绘制事件

// 为每个按钮添加事件过滤器
rectAction->installEventFilter(this);
polygonAction->installEventFilter(this);
circleAction->installEventFilter(this);
lineAction->installEventFilter(this);

// 重写eventFilter方法，监听鼠标点击事件
bool CustomMapWidget::eventFilter(QObject *obj, QEvent *event)
{
    if (event->type() == QEvent::MouseButtonPress)
    {
        QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
        if (mouseEvent->button() == Qt::LeftButton)
        {
            // 获取当前选中的绘制工具
            QAction *action = qobject_cast<QAction*>(obj);
            if (action == rectAction)
            {
                // 开始绘制矩形
                startDrawingRect(mouseEvent->pos());
            }
            else if (action == polygonAction)
            {
                // 开始绘制多边形
                startDrawingPolygon(mouseEvent->pos());
            }
            else if (action == circleAction)
            {
                // 开始绘制圆形
                startDrawingCircle(mouseEvent->pos());
            }
            else if (action == lineAction)
            {
                // 开始绘制线条
                startDrawingLine(mouseEvent->pos());
            }
        }
    }
    else if (event->type() == QEvent::MouseMove)
    {
        QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
        // 根据当前选中的绘制工具，更新图形的形状
        if (m_drawingRect)
        {
            updateRect(mouseEvent->pos());
        }
        else if (m_drawingPolygon)
        {
            updatePolygon(mouseEvent->pos());
        }
        else if (m_drawingCircle)
        {
            updateCircle(mouseEvent->pos());
        }
        else if (m_drawingLine)
        {
            updateLine(mouseEvent->pos());
        }
    }
    else if (event->type() == QEvent::MouseButtonRelease)
    {
        QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
        if (mouseEvent->button() == Qt::LeftButton)
        {
            // 根据当前选中的绘制工具，完成图形的绘制
            if (m_drawingRect)
            {
                finishDrawingRect();
            }
            else if (m_drawingPolygon)
            {
                finishDrawingPolygon();
            }
            else if (m_drawingCircle)
            {
                finishDrawingCircle();
            }
            else if (m_drawingLine)
            {
                finishDrawingLine();
            }
        }
    }

    return QObject::eventFilter(obj, event);
}

四、获取覆盖物坐标

// 获取矩形的坐标
QRect CustomMapWidget::getRectCoordinates()
{
    return m_rect->rect();
}

// 获取多边形的坐标
QPolygonF CustomMapWidget::getPolygonCoordinates()
{
    return m_polygon->polygon();
}

// 获取圆形的坐标
QPointF CustomMapWidget::getCircleCoordinates()
{
    return m_circle->center();
}

// 获取线条的坐标
QLineF CustomMapWidget::getLineCoordinates()
{
    return m_line->line();
}

五、实现搜索功能

// 创建搜索框
QLineEdit *searchBox = new QLineEdit;

// 为搜索框添加文本改变事件过滤器
searchBox->installEventFilter(this);

// 重写eventFilter方法，监听文本改变事件
bool CustomMapWidget::eventFilter(QObject *obj, QEvent *event)
{
    if (obj == searchBox && event->type() == QEvent::TextChanged)
    {
        // 获取搜索内容
        QString searchText = searchBox->text();

        // 根据搜索内容在地图上进行搜索
        QList<QGeoCoordinate> results = mapWidget->search(searchText);

        // 将搜索结果显示在地图上
        for (const QGeoCoordinate &result : results)
        {
            // 创建标记
            QGraphicsItem *item = new QGraphicsEllipseItem;
            item->setRect(QRectF(-5, -5, 10, 10));
            item->setPos(mapWidget->geoCoordinateToCoordinate(result));

            // 将标记添加到地图上
            mapWidget->scene()->addItem(item);
        }
    }

    return QObject::eventFilter(obj, event);
}

六、集成GPS定位和地理编码

// 创建定位管理器
QGeoPositionInfoSource *positionSource = new QGeoPositionInfoSource;

// 将定位管理器添加到地图
mapWidget->setPositionSource(positionSource);

// 创建地理编码器
QGeocoder *geocoder = new QGeocoder;

// 将地理编码器添加到地图
mapWidget->setGeocoder(geocoder);