QML与C++交互在地图上动态增加Mark

我们在做Qt的地图开发时，常常会需要向地图增加一些自己的元素，有静态的，也有动态的，静态的我们可以在地图中调用addMapItem直接添加即可，动态的往往就是我们会点击一个按钮或者是其他条件触发来进行添加我们需要的元素，动态添加我这边主要介绍以下两种方法：

一、通过repeater的方式添加

在地图中增加repeater，然后配合创建的listmodel模型，在repeater中加入自己需要添加的相关元素，然后在repeater加载完成时将需要添加的元素调用addMapItem函数添加到地图中，在点击按钮或者其他条件触发后只需要往listmodel模型中增加数据即可达到动态往地图增加自定义元素的目的。

二、通过js文件创建Compent组件的方式

此方法主要是通过在js文件中写好需要创建的元素组件，然后添加到地图，在调用的地方只要调用js脚本中写好的添加函数即可完成元素的添加，此方法本文不详细讲解。

本文主要详细介绍第一种方法的具体步骤，首先创建好与QML交互的C++类，必须继承自QObject，否则无法与QML交互。代码如下：

MyObjec.h

#ifndef MYOBJECT_H

#define MYOBJECT_H

#include <QObject>

#include <QtQml>

class MyObject : public QObject

{

    Q_OBJECT

//    QML_ELEMENT

    Q_PROPERTY(int iValue READ iValue WRITE setIValue NOTIFY iValueChanged)

    Q_PROPERTY(QString sString READ sString WRITE setSString NOTIFY sStringChanged)

public:

    explicit MyObject(QObject *parent = nullptr);

    static MyObject *getInstance();

    Q_INVOKABLE void func();

    Q_INVOKABLE void AddMark(const QString& name, double dbLon, double dbLat);

    Q_INVOKABLE void ClearMark();

    Q_INVOKABLE void showItem(QVariant vName);

    int iValue() const;

    void setIValue( int newIValue);

    QString sString() const;

    void setSString(const QString &newSString);

public slots:

    void cppSlot(int i, QString s);

private:

    int m_iValue;

    QString m_sString;

signals:

    void iValueChanged();

    void sStringChanged();

    void cppSig(QVariant lon, QVariant lat);

    void sigAddMark(QVariant name, QVariant lon, QVariant lat);

    void sigClearMark();

};

#endif // MYOBJECT_H

MyObject.cpp

#include "myobject.h"

#include <QDebug>

MyObject::MyObject(QObject *parent) : QObject(parent)

{

}

MyObject *MyObject::getInstance()

{

    static MyObject *obj = new MyObject();

    return obj;

}

int MyObject::iValue() const

{

    return m_iValue;

}

void MyObject::setIValue(int newIValue)

{

    if(newIValue == m_iValue)

        return ;

    m_iValue = newIValue;

    emit iValueChanged();

}

QString MyObject::sString() const

{

    return m_sString;

}

void MyObject::setSString(const QString &newSString)

{

    if(m_sString == newSString)

        return ;

    m_sString = newSString;

    emit sStringChanged();

}

void MyObject::cppSlot(int i, QString s)

{

    qDebug() << __FUNCTION__ << "  " << i << "  " << s;

}

void MyObject::func()

{

    emit cppSig(103, "xiaoli");

    qDebug() << __FUNCTION__;

}

void MyObject::AddMark(const QString& name, double dbLon, double dbLat)

{

    emit sigAddMark(QVariant::fromValue(name), QVariant::fromValue(dbLon), QVariant::fromValue(dbLat));

}

void MyObject::ClearMark()

{

    emit sigClearMark();

}

void MyObject::showItem(QVariant vName)

{

    qDebug() << __FUNCTION__ << "name:" << vName.toString();

}

widget.cpp

#include "widget.h"

#include "ui_widget.h"

#include <QUrl>

#include <QGuiApplication>

#include <QQmlApplicationEngine>

Widget::Widget(QWidget *parent)

    : QWidget(parent)

    , ui(new Ui::Widget)

{

    ui->setupUi(this);

    qmlRegisterType<MyObject>("MyObj", 1, 0, "MyObject");

    //qmlRegisterSingletonType<MyObject>("MyObject", 1, 0, "MyObject", &MyObject::getInstance());

    ui->quickWidget->setSource(QUrl("qrc:/main.qml"));

    ui->quickWidget->rootContext()->setContextProperty("myobj",MyObject::getInstance());

}

Widget::~Widget()

{

    delete ui;

}

void Widget::on_pushButton_Add_clicked()

{

    double dbLon = ui->lineEdit_lon->text().toDouble();

    double dbLat = ui->lineEdit_lat->text().toDouble();

    QString strName = ui->lineEdit_name->text();

    MyObject::getInstance()->AddMark(strName, dbLon, dbLat);

}

void Widget::on_pushButton_clicked()

{

    MyObject::getInstance()->ClearMark();

}

效果图如下所示：

 

源代码下载链接：https://download.csdn.net/download/wangshuping18/85764649