广告

扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >QT编写地图实现设备点位的示例代码
  • 645

0
分享到

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

2024-04-02 19:04:59 645人浏览 独家记忆
摘要

目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 在学习js语法的时候发现其实程序都大同小异，正所谓一通百通，熟悉各大概的语法以后基本都可以上手，和c++最大的不同

一、前言

在学习js语法的时候发现其实程序都大同小异，正所谓一通百通，熟悉各大概的语法以后基本都可以上手，和c++最大的不同就是他没有数据类型的概念，作为解释性的语言，是在执行的时候自动去转换数据类型，工作都交给解释器做掉了，这样就大大方便了程序员，到处var即可，哪怕是数组啊对象啊，万物皆var，只有当真正赋值的时候，才知道具体的数据类型。

在地图应用的相关项目中，在地图上标识一些设备点，并对点进行交互这个功能用的最多的，于是需要一套机制可以动态的添加、删除、清空、重置，重置的意思是将地图中的所有点的经纬度重新设置，其实就是先清空然后挨个重新添加所有点的信息，JS的异步交互功能非常强大，直接执行对应的JS函数就可以，没有必要刷新网页，最开始很多年前做的时候还不会JS，那时候想的最糟糕的办法就是写死在代码中，这样每次变动需要重新加载网页，后面发现那真是糟糕的办法，既然有异步刷新的办法为何不用呢，自从学会了JS异步刷新方法以后，索性将各种方法都改成了JS函数，传入对应的参数即可，参数尽可能的考虑到已知的各种各样的情况，方便用户自己添加。

二、功能特点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、体验地址

体验地址：https://pan.baidu.com/s/15ZKAlptW-rDcNq8zlzdYLg  提取码：uyes 文件名：bin_map.zip

国内站点：Https://gitee.com/feiyangqingyun

国际站点：https://GitHub.com/feiyangqingyun

四、效果图

五、相关代码

void MapBaiDu::addMarker(QStringList &list)
{
    //动态添加点
    //name      表示标注点名称,显示在图标旁边的文本,为空则不显示
    //addr      表示标注点地址
    //title     表示弹框信息html格式标题
    //tips      表示弹框信息html格式内容
    //width     表示弹框的宽度
    //point     表示经纬度坐标
    //action    表示单击以后触发什么动作 0-不处理 1-自己弹框 2-发送信号
    //animation 表示动画效果 0-不处理 1-跳动 2-坠落
    //iconfile  表示图标文件路径,不设置则采用默认图标,注意图片的尺寸
    //iconindex 表示图标对应在图片中的索引,本地文件则当做图片尺寸
    //rotation  表示图标旋转角度
    list << QString("  function addMarker(name, addr, title, tips, width, point, action, animation, iconfile, iconindex, rotation) {");
    //设置点经纬度坐标
    list << QString("    var pot = getPoint(point);");
    //设置文本文字 offset为对应标签显示的位置偏移值
    list << QString("    var label = new %1.Label(name, {\"offset\":new %1.Size(20, -10)});").arg(mapFlag);

    //设置图标,不设置则采用默认图标
    list << QString("    if (!iconfile) {");
    list << QString("      var marker = new %1.Marker(pot);").arg(mapFlag);
    list << QString("    } else if (iconfile == 'http://lbsyun.baidu.com/jsdemo/img/fox.gif') {");
    list << QString("      var icon = new %1.Icon(iconfile, new %1.Size(300, 157));").arg(mapFlag);
    list << QString("      var marker = new %1.Marker(pot, {icon: icon, rotation: rotation});").arg(mapFlag);
    list << QString("    } else if (iconfile == 'http://api.map.baidu.com/img/markers.png') {");
    list << QString("      var icon = new %1.Icon(iconfile, new %1.Size(23, 25), {offset: new %1.Size(10, 25), imageOffset: new %1.Size(0, 0 - iconindex * 25)});").arg(mapFlag);
    list << QString("      var marker = new %1.Marker(pot, {icon: icon, rotation: rotation});").arg(mapFlag);
    list << QString("    } else {");
    list << QString("      var size = 50;");
    list << QString("      if (iconindex) {");
    list << QString("        size = iconindex;");
    list << QString("      }");
    list << QString("      label = new %1.Label(name, {\"offset\":new %1.Size(size, -10)});").arg(mapFlag);
    list << QString("      var icon = new %1.Icon(iconfile, new %1.Size(size, size));").arg(mapFlag);
    list << QString("      var marker = new %1.Marker(pot, {icon: icon, rotation: rotation});").arg(mapFlag);
    list << QString("    }");

    list << QString("    map.addOverlay(marker);");
    list << QString("    if (name != '') {");
    list << QString("      marker.setLabel(label);");
    list << QString("    }");
    list << QString("    addClick(marker, name, addr, title, tips, width, action);");

    //弹跳效果-BMAP_ANIMATION_BOUNCE 坠落效果-BMAP_ANIMATION_DROP
    list << QString("    if (animation == 1) {");
    list << QString("      marker.setAnimation(BMAP_ANIMATION_BOUNCE);");
    list << QString("    } else if (animation == 2) {");
    list << QString("      marker.setAnimation(BMAP_ANIMATION_DROP);");
    list << QString("    }");

    list << QString("  }");
}

void MapBaiDu::moveMarker(QStringList &list)
{
    //动态移动点
    list << QString("  function moveMarker(name, point, rotation) {");
    list << QString("    if (name.length == 0) {");
    list << QString("      return;");
    list << QString("    }");
    list << QString("    var allOverlay = map.getOverlays();");
    list << QString("    var count = allOverlay.length;");
    list << QString("    for (var i = 0; i < count; ++i) {");
    list << QString("      var overlay = allOverlay[i];");
    //过滤只需要标注点 Marker 的图层覆盖物
    list << QString("      if (overlay.toString() != '[object Marker]') {");
    list << QString("        continue;");
    list << QString("      }");
    //过滤没有标签的标注点
    list << QString("      var label = overlay.getLabel();");
    list << QString("      if (label == null) {");
    list << QString("        continue;");
    list << QString("      }");
    list << QString("      if (label.content == name) {");
    list << QString("        var marker = allOverlay[i];");
    list << QString("        marker.setPosition(getPoint(point));");
    list << QString("        marker.setRotation(rotation);");
    list << QString("        break;");
    list << QString("      }");
    list << QString("    }");
    list << QString("  }");
}

void MapBaiDu::deleteMarker(QStringList &list)
{
    //动态删除点
    list << QString("  function deleteMarker(name) {");
    list << QString("    var allOverlay = map.getOverlays();");
    list << QString("    var count = allOverlay.length;");
    list << QString("    for (var i = 0; i < count; ++i) {");
    list << QString("      var overlay = allOverlay[i];");
    //过滤只需要标注点 Marker 的图层覆盖物
    list << QString("      if (overlay.toString() != '[object Marker]') {");
    list << QString("        continue;");
    list << QString("      }");
    //名字为空则表示删除所有
    list << QString("      if (name.length == 0) {");
    list << QString("        map.removeOverlay(overlay);");
    list << QString("      } else {");
    //过滤没有标签的标注点
    list << QString("        var label = overlay.getLabel();");
    list << QString("        if (label == null) {");
    list << QString("          continue;");
    list << QString("        }");
    list << QString("        if (label.content == name) {");
    list << QString("          map.removeOverlay(allOverlay[i]);");
    list << QString("          break;");
    list << QString("        }");
    list << QString("      }");
    list << QString("    }");
    list << QString("  }");
}

void MapBaiDu::deleteOverlay(QStringList &list)
{
    //动态删除覆盖物
    //type= Marker Polyline 等
    list << QString("  function deleteOverlay(type) {");
    //如果为空还要先清空点聚合的数据
    list << QString("    if (type.length == 0) {");
    list << QString("      markerClusterer.clearMarkers();");
    list << QString("    }");

    list << QString("    var allOverlay = map.getOverlays();");
    list << QString("    var count = allOverlay.length;");
    list << QString("    for (var i = 0; i < count; ++i) {");
    list << QString("      var overlay = allOverlay[i];");
    //类型为空则表示删除所有
    list << QString("      if (type.length == 0) {");
    list << QString("        map.removeOverlay(overlay);");
    list << QString("      } else {");
    //删除指定类型的覆盖物
    list << QString("        var strType = '[object ' + type +']'");
    list << QString("        if (overlay.toString() == strType) {");
    list << QString("          map.removeOverlay(overlay);");
    list << QString("        }");
    list << QString("      }");
    list << QString("    }");
    list << QString("  }");
}

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

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: QT编写地图实现设备点位的示例代码

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

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

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

下载Word文档到电脑，方便收藏和打印～

下载Word文档
去做题
猜你喜欢
  • QT编写地图实现设备点位的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 在学习JS语法的时候发现其实程序都大同小异，正所谓一通百通，熟悉各大概的语法以后基本都可以上手，和C++最大的不同...
    99+
    2022-11-12
  • QT编写地图实现设备点位的示例代码怎么写
    本篇文章为大家展示了QT编写地图实现设备点位的示例代码怎么写，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。一、前言在学习JS语法的时候发现其实程序都大同小异，正所谓一通百通，熟悉各大概的语法以后基本...
    99+
    2023-06-26
  • Qt编写地图实现动态点位标注的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 动态点位标注是定制的一个功能模块，提供直接地图上选点设置标记点，点位信息用结构体存储，其中包括了经度、纬度、速度、...
    99+
    2022-11-13
  • Qt编写地图实现闪烁点图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 Qt作为一个超大型的一站式GUI超市开发集成环境，不仅集成了大量的可视化UI组件，还提供了网络库、数据库操作、文件...
    99+
    2022-11-12
  • Qt编写地图实现省市区域图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 省市区域图也可以叫省市轮廓图，就是将每个省份、市区的边界区域变成轮廓展示，只是个大概的轮廓，和真是的地图基本一致...
    99+
    2022-11-12
  • QT编写地图实现在线轮廓图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码 一、前言 轮廓图也叫行政区划，这里的轮廓图是指百度地图的区域轮廓图，不是之前文章中提到的echart专用的轮廓图，百度地图...
    99+
    2022-11-12
  • QT编写地图实现离线轮廓图的示例代码
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码 一、前言 离线轮廓图使用起来，就没有在线轮廓图方便了，在线的可以直接传入名称拿到，离线的只能自己绘制了，一般需要用区域轮廓...
    99+
    2022-11-12
  • Qt编写地图迁徙图的实现示例
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 在很多web系统中，尤其是大屏系统中，经常可以看到类似于飞机迁徙图的效果，这个在echart中也是最常用的一个效果...
    99+
    2022-11-12
  • Qt编写地图实现海量点位标注
    目录一、前言二、功能特点三、体验地址四、效果图五、相关代码一、前言 海量点位标注的出现，是为了解决普通设备点超过几百个性能极速降低的问题，普通的marker标注由于采用的是对象的形式...
    99+
    2022-11-13
  • Qt编写地图怎么实现海量点位标注
    这篇文章将为大家详细讲解有关Qt编写地图怎么实现海量点位标注，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。一、前言海量点位标注的出现，是为了解决普通设备点超过几百个性能极速降低的问题，普通的...
    99+
    2023-06-29
  • 基于Qt实现图片播放器的示例代码
    前言：使用qt制作了一个简单的图片播放器，可以播放gif、png等格式图片 先来看看播放器的功能（当然是很简陋的，没有很深入的设计）： 1、点击图片列表中图片进行播放。 2、自动播放...
    99+
    2022-12-16
    Qt实现图片播放器 Qt图片播放器 Qt图片播放
  • vue+antv实现雷达图的示例代码怎么编写
    这篇文章给大家介绍vue+antv实现雷达图的示例代码怎么编写，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。一、下载依赖npm install @antv/data-setnpm install @antv/g2二、代...
    99+
    2023-06-21
  • vue+echarts5实现中国地图的示例代码
    使用echarts5.0版本实现中国地图，E charts在5.0版本之后，地图不能直接引入了，需要自己去下载。 地图文件下载地址：下载地址（http://datav.aliyun....
    99+
    2022-11-12
  • OpenCV+Qt实现图像处理操作工具的示例代码
    目录一、目标二、使用Qt界面三、图像处理操作完整代码一、目标 Qt界面实现 雪花屏 高斯模糊 中值滤波 毛玻璃 灰度化 XY方向模糊 双边模糊 腐蚀 [图像处理操作] 要求左边原图，...
    99+
    2022-11-13
    OpenCV Qt图像处理 OpenCV 图像处理 Qt 图像处理
  • android实现定位与目的地的导航示例代码
    今天无意中看到技术大神利用百度地图定位并实现目的地导航的Demo。觉得很不错，就转载过来一起分享，下面我们看实现效果：     &n...
    99+
    2022-06-06
    示例 定位 Android
  • Flutter实现编写富文本Text的示例代码
    目录SuperText富文本设计方案RichText原理方案设计解析代码设计节点定义Span构造器定义SuperText定义可以修改TextStyle的Span构造器效果展示结语Su...
    99+
    2022-11-13
    Android Flutter富文本 Android 富文本 Flutter 富文本
  • android设备间实现无线投屏的示例代码
    目录前言投屏服务端的实现投屏客户端的实现效果遇到的错误前言 Android提供了MediaProjection来实现录屏，通过MediaProjection可以获取当前屏幕的视频流，...
    99+
    2022-11-13
  • C++实现对RGB图片进行编码的示例代码
    目录1.转换色彩空间2.离散余弦变化3.zigzag编码4.量化5.Huffman编码代码如下依据上一篇的JPEG编码所得到的RGB信息，我们可以重新对RGB图片进行编码，也可对其他...
    99+
    2023-05-19
    C++对图片进行编码 C++图片编码 C++图片
  • Echarts实现点击列表联动饼图的示例代码
    目录简单易懂的Echars案例，实现点击列表联动饼图效果图1. 首先我们先写一个左侧列表 StageLineStageLine 子组件 StageItem2.接下来我们写右侧饼图3....
    99+
    2023-05-19
    Echarts列表联动饼图 Echarts 联动饼图
  • Python实现绘制Matlab格式的地图边框的示例代码
    目录1、Python绘制色斑图2、Python绘制比例尺、指南针3、Python绘制Matlab格式的地图边框1、Python绘制色斑图 import matplotlib.pyp...
    99+
    2022-11-11
软考高级职称资格查询
软考职称历年真题下载
软考职称资料下载
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作