Qt编写地图综合应用之绘制覆盖物折线

目录
  • 一、前言
  • 二、功能特点
  • 三、体验地址
  • 四、效果图
  • 五、相关代码 

一、前言

折线图目前应用最广的也是用来绘制各种轨迹,折线图其实就是后面动态轨迹图、飞机航线图的前身,公用的一个方法addPolyline,折线图可以设置颜色、粗细、透明度等属性,如果开启了悬浮绘图工具栏,也可以直接单击工具栏中的折线图绘制工具,直接动态绘制。

二、功能特点

同时支持在线地图和离线地图两种模式。

同时支持webkit内核、webengine内核、miniblink内核、IE内核。

支持设置多个标注点,信息包括名称、地址、经纬度。

可设置地图是否可单击、拖动、鼠标滚轮缩放。

可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。

可设置地图缩放比例和级别,缩略图、比例尺、路况信息等控件的可见。

支持地图交互,比如鼠标按下获取对应位置的经纬度。

支持查询路线,可设置起点位置、终点位置、路线模式、路线方式、路线方案(最少时间、最少换乘、最少步行、不乘地铁、最短距离、避开高速)。

可显示点线面工具,可直接在地图上划线、点、矩形、圆形等。

可设置行政区划,指定某个城市区域绘制图层,在线地图自动输出行政区划边界点集合到js文件给离线地图使用。

可静态或者动态添加多个覆盖物。支持点、折线、多边形、矩形、圆形、弧线、点聚合等。

提供函数接口处理经纬度解析成地址和地址解析成经纬度坐标。

提供的demo直接可以单独选点执行对应的处理比如路线查询。

可以拿到路线查询到的点坐标信息集合,比如用于机器人坐标导航等。

封装了丰富的函数比如删除指定点和所有点,删除指定覆盖物和所有覆盖物等。

标注点弹框信息可以自定义内容,标准html格式。

标注点单击事件可选 0-不处理 1-自己弹框 2-发送信号。

标注点可设置动画效果 0-不处理 1-跳动 2-坠落

标注点可设置本地图片文件等。

函数接口友好和统一,使用简单方便,就一个类。

支持js动态交互添加点、删除点、清空点、重置点,不需要刷新页面。

支持任意Qt版本、任意系统、任意编译器。

三、体验地址

体验地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取码:o05q 文件名:bin_map.zip

国内站点:https://gitee.com/feiyangqingyun

国际站点:https://github.com/feiyangqingyun

四、效果图

五、相关代码 

void MapBaiDu::addPolyline(QStringList &list)
{
    //动态添加折线
    list << QString("  function addPolyline(points, color, weight, opacity) {");
    list << QString("    var pts = getPoints(points);");
    list << QString("    var property = getProperty(color, weight, opacity);");
    list << QString("    var polyline = new %1.Polyline(pts, property);").arg(mapFlag);
    list << QString("    map.addOverlay(polyline);");
    list << QString("  }");
}

void frmMapBaiDu::on_btnDrawRoute_clicked()
{
    if (routeDatas.count() == 0) {
        QUIHelper::showMessageBoxError("请先单击查询路线获取路线的坐标点集合!");
        return;
    }

    //清空之前的轨迹点
    runJs("deleteOverlay('Polyline')");

    //将收到的路径点集合分线段绘制
    foreach (QStringList data, routeDatas) {
        QString points = data.join("|");
        QString js = QString("addPolyline('%1', '#ff0000')").arg(points);
        runJs(js);
    }
} 

到此这篇关于Qt编写地图综合应用之绘制覆盖物折线的文章就介绍到这了,更多相关Qt绘制地图覆盖物折线内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Qt编写地图迁徙图的实现示例

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 在很多web系统中,尤其是大屏系统中,经常可以看到类似于飞机迁徙图的效果,这个在echart中也是最常用的一个效果,迁徙图既可以是一个飞机也可以是其他形状,然后有一条动态的移动轨迹来表示流向,一般都是多个点流向一个点,也可以做成一个点流向多个点,是个多对多的关系,常用来表示人口迁徙.动物迁徙.黑客攻击.病毒攻击.数据流向.产品流向等. 迁徙图和上一篇的闪烁点图类似,也需要提供三个基本要素:城市名称集合.城市经纬度集合

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

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

  • Qt编写地图实现闪烁点图的示例代码

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 Qt作为一个超大型的一站式GUI超市开发集成环境,不仅集成了大量的可视化UI组件,还提供了网络库.数据库操作.文件操作等类库,封装的还是相当精彩一步到位,根据个人身边的一些程序员朋友了解,自从用了Qt以来发现越来越喜欢用Qt本身的类来处理,除非一些要求很高的应用场景比如并发网络才需要去使用第三方库,不然就是直接使用Qt封装好的类,用起来非常爽,尤其是类的名称和方法的名称,几乎很自然的就能打出来. Qt除了内置了各种U

  • Qt地图自适应拉伸的实现示例

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 用过echart的人都会遇到一个问题,就算是代码中写了window.onresize = echart.resize,也只是横向自适应拉伸填充页面,垂直方向不会变化,除非指定高度才可以,这就比较郁闷了,为何echart本身不会自适应呢?按道理不应该啊,莫非实现起来很困难?好吧先不管这个了,这个问题搜索出来一大堆解决方案,在Qt的浏览器控件中也有这个问题,为了解决这个问题想了两个策略,一种是程序本身检测尺寸变化,然后重

  • Qt编写地图综合应用之绘制覆盖物折线

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码  一.前言 折线图目前应用最广的也是用来绘制各种轨迹,折线图其实就是后面动态轨迹图.飞机航线图的前身,公用的一个方法addPolyline,折线图可以设置颜色.粗细.透明度等属性,如果开启了悬浮绘图工具栏,也可以直接单击工具栏中的折线图绘制工具,直接动态绘制. 二.功能特点 同时支持在线地图和离线地图两种模式. 同时支持webkit内核.webengine内核.miniblink内核.IE内核. 支持设置多个标注点,信息包括名

  • Qt编写地图综合应用之绘制雨量分布

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码  一.前言 雨量分布图是在区域地图基础上,针对区域中的每个最小单位区域比如县城点位不同颜色显示,最开始做这个封装的时候,并没有提供单独设置每个点颜色的接口,后面经过几个客户的强烈建议,咬咬牙把每个点都可以单独设置不同颜色的接口加进去,这样就更加符合实际的需求,比如这个点到了报警阶段则红色显示,正常阶段则绿色显示,如果没有设置过颜色,就取值默认的颜色,全部不设置颜色则全部取默认的颜色.每个点的颜色值和对应点的经纬度坐标一样,队列

  • Qt编写地图之实现覆盖物坐标和搜索

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 地图应用中有时候需要开启悬浮工具栏,用户可以直接在地图上绘制矩形.多边形.圆形.线条等,于是需要提供一个函数接口,能够获取到用户绘制的这些图形形状对应的信息.比如坐标点.圆形的中心点和半径.所有图形的路径Path坐标点集合,这些信息都是以经纬度坐标的形式.一般封装的类似功能的js函数一般有三种要求,第一种传入空值则表示找出所有覆盖物,第二种传入类型则找出所有该类型的覆盖物比如矩形,第三种传入对象名称则找出符合该名称的

  • QT编写地图实现在线轮廓图的示例代码

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码  一.前言 轮廓图也叫行政区划,这里的轮廓图是指百度地图的区域轮廓图,不是之前文章中提到的echart专用的轮廓图,百度地图的轮廓图就是一个不规则的多边形区域,只不过这个区域的坐标点一般是特别多的,比如某个县市的区域轮廓,可以拿到一系列的坐标点,主要是用来突出标注某个区域,比如这个区域可以突出颜色显示,线条的颜色和粗细及透明度都可以设置. 在线的轮廓图可以直接调用地图内置的 Boundary.get 方法获取,只需要指定区域的

  • QT编写地图实现离线轮廓图的示例代码

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码  一.前言 离线轮廓图使用起来,就没有在线轮廓图方便了,在线的可以直接传入名称拿到,离线的只能自己绘制了,一般需要用区域轮廓图下载器将你需要的区域下载好对应的js文件,其实就是一堆坐标点集合数组,这些数据可以在有网络的地方的时候下载好,也可以在地图上通过绘制不规则的多边形区域得到,只要你熟知该区域的轮廓. 离线轮廓图的加载首先引入该区域的坐标点数组js文件,然后通过读取该文件的数据传入自定义的 addBoundary 函数进行

  • QT编写地图实现设备点位的示例代码

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 在学习JS语法的时候发现其实程序都大同小异,正所谓一通百通,熟悉各大概的语法以后基本都可以上手,和C++最大的不同就是他没有数据类型的概念,作为解释性的语言,是在执行的时候自动去转换数据类型,工作都交给解释器做掉了,这样就大大方便了程序员,到处var即可,哪怕是数组啊对象啊,万物皆var,只有当真正赋值的时候,才知道具体的数据类型. 在地图应用的相关项目中,在地图上标识一些设备点,并对点进行交互这个功能用的最多的,于

  • Qt编写地图实现海量点位标注

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 海量点位标注的出现,是为了解决普通设备点超过几百个性能极速降低的问题,普通的marker标注由于采用的是对象的形式存在于地图中,数量越多,占用内存特别大,超过1000个点性能极其糟糕,哪怕是用点聚合,拖动地图的时候更是一卡卡,简称卡成屎,加载的时候也是慢成一坨屎,所以迫切需要一个其他的形式来支持成千上万的海量点,最好的方式就是绘制图形,精简掉很多属性,比如自定义图标.旋转角度.单击动画跳动等一堆特性,这些其实大部分时

  • Qt编写地图实现实时动态轨迹效果

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 实时动态轨迹经历过很多个版本的迭代,此功能最初是一个客户定制的,主要是需要在地图上动态显示GPS的运动轨迹,有个应用场景就是一个带有监控的车子,实时在运动中,后台可以接收到经纬度信息,需要绘制对应的轨迹,相当于这些摄像机点位是动态移动的,这样就可以观测到摄像机的实时位置信息,双击摄像机还可以弹出画面实时预览,很直观. GPS运动轨迹这个功能,也需要用到js的知识,其实就是封装一个js函数,绘制对应的线条路径,这个轨迹

  • Qt编写地图之实现跨平台功能

    目录 一.前言 二.功能特点 1 省市区域地图封装类功能特点 2 百度地图封装类功能特点 3 离线地图下载类功能特点 4 省市轮廓下载类功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 跨平台着实花了不少的精力,为了从Qt4.7兼容到Qt6.2及后续版本,头发掉了不少,仅有的几根毛所剩无几,哎,可能这就是程序员的命,本人写Qt程序这么多年,比较喜欢支持多个Qt版本,尤其是钟情于支持任意Qt版本+任意系统+任意编译器,这句话说起来简单其实实现起来就不容易了,首先你得有个很多版本的测试环境

  • Qt编写地图之实现经纬度坐标纠偏

    目录 一.前言 二.功能特点 三.体验地址 四.效果图 五.相关代码 一.前言 地图应用中都涉及到一个问题就是坐标纠偏的问题,这个问题的是因为根据地方规则保密性要求不允许地图厂商使用标准的GPS坐标,而是要用国家定义的偏移标准,或者在此基础上再做算法运算,所以这就出现了三种常规的坐标标准:GPS坐标(WGS-84,国际标准,谷歌地球软件,硬件GPS模块等).中国坐标偏移标准(GCJ-02,谷歌地图.腾讯地图.高德地图等).百度坐标偏移标准(BD-09,仅仅百度地图采用).由于不允许其他坐标转换成

随机推荐