iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Qt编写地图实现省市区域图的示例代码
  • 135
分享到

Qt编写地图实现省市区域图的示例代码

2024-04-02 19:04:59 135人浏览 八月长安
摘要

目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 省市区域图也可以叫省市轮廓图,就是将每个省份、市区的边界区域变成轮廓展示,只是个大概的轮廓,和真是的地图基本一致

一、前言

省市区域图也可以叫省市轮廓图,就是将每个省份、市区的边界区域变成轮廓展示,只是个大概的轮廓,和真是的地图基本一致,毕竟都是一个个点堆起来的,可能会有很小很小的误差,之前做大屏系统中间那个中国地图的时候,客户千方百计交代清楚,千万要注意有九段线,不然在展会上被别人看到如果连九段线都没有的话会被人骂死,可能在部分早期的数据由于不是很完善所以未必有,后期的最新的地图数据都是有的,包括轮廓图数据。

echart本身是没有提供省市区域轮廓图的,需要引入外部的js文件才能绘制,为了拿到全国各省市的对应轮廓图js文件,特意去网上搜索了很多的相关文章并理解,下载到了对应的省市区域的JSON数据,然后根据js的规则特意写了个类专门用来转换json数据到js文件,然后生成了所有省市区域的js文件,在echart中用到哪个只需要那个的js文件即可,这些js文件在那个下载地址中都有的,至于这些区域的轮廓图其实是一些乱七八糟的符号具体什么含义我也没有搞懂,你说是base64编码吧仔细看也不像,管他呢,是正确的的能用就行,具体的原理估计也要研究echart的源码才行。

之前的闪烁点图或者迁徙图也好,都是用中国地图轮廓图作为背景的,可以鼠标缩放,其实svg也可以做到类似的效果,类似于矢量图,除了中国地图以外,其实还可以有世界地图,至于世界其他国家的地图估计要自己通过其他方式转换慢慢得到了,按道理来说应该有不少的应用软件给国外客户用的话会有。

二、功能特点

  • 同时支持闪烁点图、迁徙图、区域地图、仪表盘等。
  • 可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。
  • 可设置城市的名称、值、经纬度 集合
  • 可设置地图的放大倍数、是否允许鼠标滚轮缩放。
  • 内置世界地图、全国地图、省份地图、地区地图,可以精确到县,所有地图全部离线使用。
  • 内置了各省市json数据文件转js文件功能,如有数据更新自行转换即可,支持单个文件转换和一键转换所有文件。
  • 内置了从json文件或者js文件获取该区域的所有名称和经纬度信息集合的功能,可以通过该方法获取到信息用来显示。
  • 依赖浏览器组件显示地图,提供的demo支持WEBkit、webengine、ie 三种方式加载网页。
  • 拓展性极强,可以依葫芦画瓢自行增加各种精美的echarts组件,做出牛逼的效果。
  • 内置的仪表盘组件提供交互功能,demo演示中包含了对应的代码。
  • 函数接口友好和统一,使用简单方便,就一个类。
  • 支持任意Qt版本、任意系统、任意编译器。

三、体验地址

体验地址:https://pan.baidu.com/s/1Ie1xGLv7tSL-9vfsv28w1Q 提取码: wf4f   文件名:bin_map.zip
国内站点:Https://gitee.com/feiyangqingyun
国际站点:https://GitHub.com/feiyangqingyun

四、效果图

在这里插入图片描述

五、相关代码


QStringList EchartJs::getInfoFromData(const QByteArray &data)
{
    //取出对应的城市名称和经纬度
    //以下两种方法测试过解析时间,json大概1S,字符串分割大概5S,json方法更快
    QStringList result;
#if (QT_VERSioN > QT_VERSION_CHECK(5,0,0))
    //采用qt内置的json方法解析
    QJsonParseError error;
    QJsonDocument jsonDoc = QJsonDocument::fromJson(data, &error);
    if (error.error == QJsonParseError::NoError) {
        QJsonObject rootObj = jsonDoc.object();
        //qDebug() << rootObj.keys();

        if (rootObj.contains("features")) {
            QJsonArray features = rootObj.value("features").toArray();
            for (int i = 0; i < features.count(); i++) {
                QJsonValue value = features.at(i);
                QJsonObject subObj = value.toObject();
                if (subObj.contains("properties")) {
                    QJsonObject nodeObj = subObj.value("properties").toObject();
                    QStringList list;
                    QJsonArray array = nodeObj.value("cp").toArray();
                    for (int k = 0; k < array.count(); k++) {
                        list << QString::number(array.at(k).toDouble());
                    }

                    QString name = nodeObj.value("name").toString();
                    QString cp = list.join(",");
                    result << QString("%1|%2").arg(name).arg(cp);
                }
            }
        }
    }
#else
    //采用字符串分割方法解析
    QString temp = data;
    temp = temp.mid(0, temp.length() - 24);
    QString flag = "properties";
    int len = temp.length();
    for (int i = 0; i < len; i++) {
        QString str = temp.mid(i, 10);
        if (str == flag) {
            str = temp.mid(i, 100);
            str = str.mid(13, str.indexOf("},") - 13);
            str = str.replace("}", "");
            //到这步数据已经变成 "cp":[121.490317,31.222771],"name":"黄浦区","childNum":1
            //cp name的顺序可能不一样,所以需要分割字符串重新判断
            QString name, cp;
            QStringList list = str.split(",");
            foreach (QString s, list) {
                if (s.startsWith("\"cp\"")) {
                    cp = s.mid(6, s.length());
                } else if (s.startsWith("\"name\"")) {
                    name = s.mid(8, s.length());
                    name = name.replace("\"", "");
                } else if (s.startsWith("\"childNum\"")) {

                } else {
                    //经纬度会拆分成两部分,一部分在这里 31.222771]
                    cp = QString("%1,%2").arg(cp).arg(s.left(s.length() - 1));
                }
            }

            result << QString("%1|%2").arg(name).arg(cp);
        }
    }
#endif
    return result;
}

到此这篇关于Qt编写地图实现省市区域图的示例代码的文章就介绍到这了,更多相关Qt 省市区域图内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Qt编写地图实现省市区域图的示例代码

本文链接: https://www.lsjlt.com/news/160341.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Qt编写地图实现省市区域图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 省市区域图也可以叫省市轮廓图,就是将每个省份、市区的边界区域变成轮廓展示,只是个大概的轮廓,和真是的地图基本一致...
    99+
    2024-04-02
  • Qt如何编写地图实现省市区域图
    这篇文章主要介绍了Qt如何编写地图实现省市区域图,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、前言省市区域图也可以叫省市轮廓图,就是将每个省份、市区的边界区域变成轮廓展示...
    99+
    2023-06-22
  • Qt编写地图实现闪烁点图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 Qt作为一个超大型的一站式GUI超市开发集成环境,不仅集成了大量的可视化UI组件,还提供了网络库、数据库操作、文件...
    99+
    2024-04-02
  • QT编写地图实现在线轮廓图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码 一、前言 轮廓图也叫行政区划,这里的轮廓图是指百度地图的区域轮廓图,不是之前文章中提到的echart专用的轮廓图,百度地图...
    99+
    2024-04-02
  • QT编写地图实现离线轮廓图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码 一、前言 离线轮廓图使用起来,就没有在线轮廓图方便了,在线的可以直接传入名称拿到,离线的只能自己绘制了,一般需要用区域轮廓...
    99+
    2024-04-02
  • QT编写地图实现设备点位的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 在学习JS语法的时候发现其实程序都大同小异,正所谓一通百通,熟悉各大概的语法以后基本都可以上手,和C++最大的不同...
    99+
    2024-04-02
  • Qt编写地图迁徙图的实现示例
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 在很多web系统中,尤其是大屏系统中,经常可以看到类似于飞机迁徙图的效果,这个在echart中也是最常用的一个效果...
    99+
    2024-04-02
  • QT编写地图实现设备点位的示例代码怎么写
    本篇文章为大家展示了QT编写地图实现设备点位的示例代码怎么写,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一、前言在学习JS语法的时候发现其实程序都大同小异,正所谓一通百通,熟悉各大概的语法以后基本...
    99+
    2023-06-26
  • QT编写地图实现获取区域边界
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 区域边界也是一些坐标点集合,而且不同的行政区划得到的区域边界点数组集合个数不同,觉得部分都是一个集合,少部分有一些...
    99+
    2024-04-02
  • Qt编写地图实现动态点位标注的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 动态点位标注是定制的一个功能模块,提供直接地图上选点设置标记点,点位信息用结构体存储,其中包括了经度、纬度、速度、...
    99+
    2024-04-02
  • QT编写地图实现获取区域边界的方法是什么
    本篇内容介绍了“QT编写地图实现获取区域边界的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、前言区域边界也是一些坐标点集合,而...
    99+
    2023-06-26
  • QT编写地图如何实现离线轮廓图
    这篇文章主要为大家展示了“QT编写地图如何实现离线轮廓图”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“QT编写地图如何实现离线轮廓图”这篇文章吧。一、前言离线轮廓图使用起来,就没有在线轮廓图方便...
    99+
    2023-06-22
  • QT编写地图如何实现在线轮廓图
    这篇文章给大家分享的是有关QT编写地图如何实现在线轮廓图的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、前言轮廓图也叫行政区划,这里的轮廓图是指百度地图的区域轮廓图,不是之前文章中提到的echart专用的轮廓图...
    99+
    2023-06-22
  • Ajax实现省市区三级联动实例代码
    html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...
    99+
    2024-04-02
  • Vueecharts实现离线中国地图的示例代码(细化到省份)
    目录一、效果二、完整代码三、一些配置说明1. 颜色配置2. 省份点击事件四、关于地图中的 china.js 细节修改Vue echarts 实现离线中国地图,细化到省份 更新于 20...
    99+
    2024-04-02
  • vue+antv实现雷达图的示例代码怎么编写
    这篇文章给大家介绍vue+antv实现雷达图的示例代码怎么编写,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。一、下载依赖npm install @antv/data-setnpm install @antv/g2二、代...
    99+
    2023-06-21
  • 基于Qt实现图片播放器的示例代码
    前言:使用qt制作了一个简单的图片播放器,可以播放gif、png等格式图片 先来看看播放器的功能(当然是很简陋的,没有很深入的设计): 1、点击图片列表中图片进行播放。 2、自动播放...
    99+
    2022-12-16
    Qt实现图片播放器 Qt图片播放器 Qt图片播放
  • Qt编写地图实现海量点位标注
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 海量点位标注的出现,是为了解决普通设备点超过几百个性能极速降低的问题,普通的marker标注由于采用的是对象的形式...
    99+
    2024-04-02
  • Qt编写地图之实现跨平台功能
    目录一、前言二、功能特点1 省市区域地图封装类功能特点2 百度地图封装类功能特点3 离线地图下载类功能特点4 省市轮廓下载类功能特点三、体验地址四、效果图五、相关代码一、前言 跨平台...
    99+
    2024-04-02
  • vue+echarts5实现中国地图的示例代码
    使用echarts5.0版本实现中国地图,E charts在5.0版本之后,地图不能直接引入了,需要自己去下载。 地图文件下载地址:下载地址(http://datav.aliyun....
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作