首页 > 编程语言 >Qt/C++地图标注点的添加删除移动旋转/指定不同图标和动图/拿到单击信号

Qt/C++地图标注点的添加删除移动旋转/指定不同图标和动图/拿到单击信号

时间：2024-08-18 18:08:28浏览次数：11  
标签：动图 Qt 坐标 地图 C++ ui QString arg 标注

一、前言说明

标注点在地图开发中是最常见的应用场景之一，比如在地图上需要显示设备的位置，基本上都是添加标注点，指定图片和尺寸已经经纬度坐标位置。这个功能在每种地图内核中都提供的，这个并没有任何难点，在这个功能点上最大难题或者说是设计细节就是，标注点该如何对齐，比如水滴形状的图标一般是底部居中对齐更美观，刚好水滴的头在指定的经纬度坐标上，整个图标位于正上方。还有一种情况是圆形的图标，这种最美观的方式是中间居中对齐，也就是图片的中心点在指定的经纬度坐标上，更符合实际的情况，如果说是底部，则看起来可能会很怪。

不同地图内核提供了不同的函数设置图标位置，百度地图是通过setOffset设置偏移值，这个值需要自己根据图片的大小自己计算好再设置。高德地图是通过setAnchor指定位置字符串来设置，比如setAnchor('center')是中间居中，setAnchor('bottom-center')是底部居中，这种方式蛮好的，他会自己根据图片尺寸进行设置。天地图是通过设置marker的属性参数iconAnchor偏移值控制。腾讯地图很特殊，他是通过设置图标MarkerImage对象的anchor参数来控制的。

在marker标注点的旁边还可以显示一个跟随的文本，表示名称之类的信息，百度地图和高德地图都在marker对象的函数中就提供了处理，而天地图和腾讯地图需要自己new一个label对象，这个对象设置对应的位置为marker的位置来实现。

二、功能特点

  1. 支持多种地图内核，默认采用百度地图，可选高德地图、天地图、腾讯地图等。
  2. 同时支持在线地图和离线地图两种模式，离线地图方便在不联网的场景中使用。
  3. 支持各种地图控件的启用，比如地图导航、地图类型、缩略图、比例尺、全景导航、实时路况、绘图工具、结果面板等。
  4. 支持多种地图功能的动态启用禁用，比如地图拖曳、键盘操作、滚轮缩放、双击放大、连续缩放、地图测距等。
  5. 提供众多js函数接口用于交互，参数极其丰富，能够想到的应用场景需求都有。
  6. 统一的信号槽机制，地图中的结果统一信号发送出去，收到后根据type类型区分。
  7. 支持地图交互，比如鼠标按下获取对应位置的经纬度。单击标注点弹出对应点的信息。
  8. 支持添加标注、删除标注、移动标注、清空标注。
  9. 标注点可以指定图标图片和尺寸，支持gif动图，支持指定以图片中心对齐还是底部中心对齐。可以设置旋转角度，带富文本提示信息。
  10. 标注点事件支持单击发信号通知和自己弹框显示信息。
  11. 提供地址转坐标和坐标转地址接口。
  12. 支持各种图形绘制，包括折线图、多边形、矩形、圆形、弧线等。
  13. 可显示悬浮的绘图工具栏，直接在地图上划线、标注点、矩形、圆形等。
  14. 支持各种区域搜索，比如矩形区域、圆形区域，可以按照关键字匹配将搜索结果显示在地图中。
  15. 可动态添加离线的行政区边界点数据。可以搜索行政区划并获取该区域的边界点数据。数据可以保存到文件以便离线使用。
  16. 支持点聚合功能，多个小标注点合并到一个大标注点，防止点密集导致交互不友好。
  17. 可以添加海量点，每个点都可以单击获取对应坐标和信息。
  18. 所有的覆盖物信息比如标注点、矩形、多边形、折线图等，都可以主动获取对应的信息比如坐标点和路径等。
  19. 支持路径规划，支持公交路线、自驾路线、步行路线、骑行路线，不同查询支持不同策略，可选最少时间、最少换乘、不走高架等。
  20. 路径规划结果可以显示在地图中，也可以获取到路径点坐标集合。这个数据可以保存到文件，以便发给机器人或者无人机做导航用来轨迹移动。
  21. 可以设置不同的地图视图比如街道图、卫星图、混合图。
  22. 可以设置不同的样式，比如午夜蓝、青草绿等样式风格。
  23. 可以设置地图的旋转角度和倾斜角度。
  24. 提供经纬度坐标纠偏转换功能，比如传入的GPS坐标需要转换到百度地图坐标或者高德地图坐标。各种坐标系转换全部离线函数，支持地球坐标系WGS-84、火星坐标系GCJ-02、百度坐标系BD-09之间的互相转换，涵盖了各种地图的坐标系。
  25. 提供动态轨迹点移动功能，按照给定的经纬度坐标集合平滑移动。
  26. 同时支持qwidget和qml，支持编译到安卓系统运行。

三、使用说明

  1. 从左侧地图上鼠标按下选点，对应经纬度坐标会填充到坐标文本框中。填写好对应的标注的名称，单击添加标注按钮，左侧地图中会出现一个标注点，鼠标单击对应的标准点，会弹出提示单击了哪个标注点。
  2. 添加标注按钮的左侧是选择图片的类型，支持各种图片和尺寸，包括动图。默认图标文件在可执行文件下的mapimage目录。
  • 默认图标：不指定图片文件，每种地图都有自己内置风格的标注图片。
  • 水滴图标：指定一张水滴形状的图片，底部居中对齐。
  • 圆形图标：指定一张宽高一样的圆形图片，居中对齐。
  • 索引图标：指定一张大图，从中取固定位置的图标，网页中常见的方式。
  • 动画图标：指定一张gif动图文件，底部居中对齐。
  1. 在名称文本框中输入要删除的标注点名称，单击删除标注按钮，可以删除对应的标注点。
  2. 在名称文本框中输入要删除的标注点名称，然后左侧地图中鼠标选点，单击移动旋转按钮，会自动将标注点移动到新的位置，并设置45度旋转。
  3. 单击清空按钮会清空整个地图中的标注点。
  4. 单击重置标注，将随机生成一些标注点以及位置，每次都是新的位置。
  5. 在地址文本框中输入地址，单击地址转坐标，会查找到当前地址最近的经纬度坐标填入坐标文本框中。
  6. 在坐标文本框中输入坐标，单击坐标转地址，会查找坐标文本框中经纬度坐标最近的地址填入地址文本框中。

四、相关链接

  1. 体验地址：https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取码：o05q 名称：bin_map.zip
  2. 国内站点：https://gitee.com/feiyangqingyun
  3. 国际站点：https://github.com/feiyangqingyun

五、效果图

六、相关代码

#include "frmmapdemomarker.h"
#include "ui_frmmapdemomarker.h"
#include "qthelper.h"
#include "maphelper.h"

frmMapDemoMarker::frmMapDemoMarker(QWidget *parent) : QWidget(parent), ui(new Ui::frmMapDemoMarker)
{
    ui->setupUi(this);
    this->initConfig();
}

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

void frmMapDemoMarker::initConfig()
{
    ui->cboxIcon->setCurrentIndex(AppConfig::MapDemoIcon);
    connect(ui->cboxIcon, SIGNAL(currentIndexChanged(int)), this, SLOT(saveConfig()));
}

void frmMapDemoMarker::saveConfig()
{
    AppConfig::MapDemoIcon = ui->cboxIcon->currentIndex();
    AppConfig::writeConfig();
}

void frmMapDemoMarker::receiveDataFromJs(const QString &type, const QVariant &data)
{
    //不可见不用继续/说明不是本界面的操作触发的
    if (!this->isVisible()) {
        return;
    }

    QString result = data.toString();
    if (type == "click") {
        QString point = MapHelper::getLngLat2(result);
        ui->txtPoint->setText(point);
    } else if (type == "marker") {
        QtHelper::showMessageBoxInfo("当前单击了: " + result);
    } else if (type == "geocoderresult") {
        QStringList list = result.split("|");
        QString flag = list.first();
        if (flag == "AddrToPoint") {
            QString point = MapHelper::getLngLat2(list.last());
            ui->txtPoint->setText(point);
        } else if (flag == "PointToAddr") {
            ui->txtAddr->setText(list.last());
        }
    } else if (type == "searchresult") {
        //搞个文本框用于显示获取到的结果
        static QTextEdit *edit = NULL;
        if (!edit) {
            edit = new QTextEdit;
            edit->resize(800, 600);
            edit->setReadOnly(true);
        }

        edit->setWindowTitle("搜索结果");
        edit->setText(MapHelper::getSearchResult(result));
        edit->show();
    }
}

void frmMapDemoMarker::on_btnAddMarker_clicked()
{
    QString name = ui->txtName->text().trimmed();
    QString point = ui->txtPoint->text().trimmed();

    QString image;
    int width = 23;
    int height = 25;
    bool center = false;
    static int index = -1;

    //可以指定本地图片文件或者网络图片/可设置图片的图标索引和尺寸等
    int icon = ui->cboxIcon->currentIndex();
    if (icon == 1) {
        image = "../mapimage/marker.png";
        width = 45;
        height = 65;
    } else if (icon == 2) {
        image = "../mapimage/marker0.png";
        width = 50;
        height = 50;
        center = true;
    } else if (icon == 3) {
        image = "../mapimage/ipc_red.png";
        width = 25;
        height = 30;
    } else if (icon == 4) {
        image = "../mapimage/markers.png";
        //image = "http://api.map.baidu.com/img/markers.png";
        index++;
        //图标有限重置索引
        if (index == 13) {
            index = 0;
        }
    } else if (icon == 5) {
        image = "../mapimage/gif_person.gif";
        width = 68;
        height = 100;
        //可以通过换行来实现垂直展示文字
        name = "垂<br/>直<br/>文<br/>字";
    }

    //可以测试不同的默认值参数
    QString js = QString("addMarker('%1', '%2', '%1')").arg(name).arg(point);
    js = QString("addMarker('%1', '%2', '%1', '%3')").arg(name).arg(point).arg(image);
    js = QString("addMarker('%1', '%2', '%1', '%3', %4, %5, %6, %7)").arg(name).arg(point).arg(image).arg(width).arg(height).arg(center).arg(index);
    emit runJs(js);

    //设置单击事件
    js = QString("setClick('%1', 2)").arg(name);
    emit runJs(js);

    //自动将序号递增
    if (name.startsWith("标注点")) {
        int index = name.mid(3, name.length()).toInt();
        name = QString("标注点%1").arg(index + 1);
        ui->txtName->setText(name);
    }
}

void frmMapDemoMarker::on_btnDeleteMarker_clicked()
{
    QString name = ui->txtName->text().trimmed();
    QString js = QString("deleteMarker('%1')").arg(name);
    emit runJs(js);
}

void frmMapDemoMarker::on_btnSetMarker_clicked()
{
    QString name = ui->txtName->text().trimmed();
    QString point = ui->txtPoint->text().trimmed();
    QString js = QString("setMarker('%1', '%2', %3)").arg(name).arg(point).arg(20);
    emit runJs(js);
}

void frmMapDemoMarker::on_btnClearMarker_clicked()
{
    emit runJs("deleteMarker()");
}

void frmMapDemoMarker::on_btnResetMarker_clicked()
{
    //先清空所有点
    on_btnClearMarker_clicked();

    //然后添加多个点/这里随机生成坐标
    QStringList names;
    names << "测试点1" << "测试点2" << "测试点3" << "测试点4" << "测试点5";
    for (int i = 0; i < names.count(); ++i) {
        QString point = QString("121.%1%2,31.%3%4").arg(rand() % 7).arg(rand() % 100).arg(rand() % 4).arg(rand() % 100);
        QString js = QString("addMarker('%1', '%2', '%1')").arg(names.at(i), point);
        emit runJs(js);
    }
}

void frmMapDemoMarker::on_btnAddrToPoint_clicked()
{
    QString addr = ui->txtAddr->text().trimmed();
    emit runJs(QString("getPointByAddr('AddrToPoint', '%1')").arg(addr));
}

void frmMapDemoMarker::on_btnPointToAddr_clicked()
{
    QString point = ui->txtPoint->text().trimmed();
    emit runJs(QString("getAddrByPoint('PointToAddr', '%1')").arg(point));
}

标签：动图,Qt,坐标,地图,C++,ui,QString,arg,标注
From： https://www.cnblogs.com/feiyangqingyun/p/18365859

相关文章

  • C++学习第二课
    一、C++数据类型使用编程语言进行编程时，我们需要用到各种变量来存储各种信息，变量保留的时他所存储的值的内存位置，这意味着，你创建一个变量时，就会在内存中保留一些空间。在我们的编程中我们一般需要的数据类型有比如字符型、宽字符型、整型、浮点型、双浮点型、布尔型等，操作系......
  • C++的第一课
    一、基本语法我们就直接跳过他的介绍了，大家如果想了解可以去官网看看，那么我们就直接进入正题。#include<iostream>usingnamespacestd;intmain(){cout<<"HelloWorld";return0;}那么我们先来看看最简单的HelloWorld的输出，其实呢C++和C的代码书写方式呢......
  • C++Builder XE2 lite精简版
    听说XE8要出了，我这刚从CB6转型到2010不久的，也是眼馋。奈何XE7太大了，平时也只是学习琢磨点小东西，网上找的2010、2011（XE1）的精简版用着挺好，就是感觉不那么稳定。这两天闲着没事做了一个C++BuilderXE2的精简版，测试能用，没有集成第三方控件，带boost库，fmx。纯C++的（顺便鄙视一下那些只做de......
  • 【重学c++primer】第五章第二节 深入浅出：左值和右值
    文章目录左值右值传统的左值和右值划分glvalueprvaluexvalue总结左值和右值的转换左值转右值decltype左值右值传统的左值和右值划分左值：英文为leftvalue，简写lvalue右值：英文为rightvalue，简写rvalue一个左一个右，这个左右的判定是针对什么呢？实际上是针对等......
  • C++实现计算器（菜鸡版*2）
    我写了两种，都是支持小数的（默认从左到右，请自行解括号）别喷我这个很菜，还要用户自己解括号。大部分计算器不都这样吗（包括Windows自带的），而且我还编了一个可以直观的看到公式的。话虽如此，但我还是会努力编出更好用的计算器的喜欢就收藏一下吧第一种：数字/运算符一个一个输入代码：......
  • C++判断素数模板
    首先是朴素方法代码：#include<bits/stdc++.h>usingnamespacestd;intnum;boolcheck(intnum){if(num<2){returnfalse;}for(inti=2;i<=sqrt(num);i++){if(num%i==0){returnfalse;}}returntr......
  • C++（>>）
    目录1.位移操作符（BitwiseRightShiftOperator）2.输入流操作符（StreamExtractionOperator）3.在OpenCV中的重载操作符4.在类中的重载操作符总结在C++中，>>是一个多功能的操作符，根据上下文的不同可以有不同的含义和用途。下面详细介绍其在各种场景中的用法。1.位移操作......
  • C++（cv::VideoCapture::open()）
    在OpenCV中，cv::VideoCapture类用于从视频文件或摄像头捕获视频流。cap.open()是cv::VideoCapture类的一个成员函数，用于打开视频源。以下是关于cap.open()的详细介绍：函数定义cv::VideoCapture::open有两个主要的重载形式：boolopen(intindex)这个重载版本用于打开一......
  • 【C++二分查找】1954. 收集足够苹果的最小花园周长
    本文涉及的基础知识点C++二分查找LeetCode1954.收集足够苹果的最小花园周长给你一个用无限二维网格表示的花园，每一个整数坐标处都有一棵苹果树。整数坐标(i,j)处的苹果树有|i|+|j|个苹果。你将会买下正中心坐标是(0,0)的一块正方形土地，且每条边都与两条坐......
  • C++可控制线程
    大家好，本人是C++新人qing。我学习编程也快十年了，这一年来我用C++写了一些程序，有了一些新奇的想法。我写了一些诸如“C语言存储变长字符串”、“C++可控制线程对象”、“TCP通信接收任意长度字符串”的代码。这些都是我的拙作，希望能够分享给大家，主要是新人可以练练手，有意见也......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99