QML地图中使用MapItemView

在QML地图上，我们可以自定义的画圆，画方，画线等等。当我们需要有较多的数据需要在地图上展示时，通过动态新增的方式很明显不利于管理和维护，因此用到MapItemView。

MapItemView用于展示地图控件，数据来源为model（ListModel、RouteModel等）。是不是和ListView很相似，仅仅不同于MapItemView的代理Delegate需要为地图控件，即位置设置为经纬度坐标。ListView的Delegate控件为桌面控件，位置设置为屏幕位置。下面我通过一个简单示例在地图上显示ListModel中存储的位置数据：

我们在Map下添加MapItemView，设置数据源model和代理delegate:

MapItemView{model:airModeldelegate:airDelegate
}

接下来设置model和delegate，我此处的代理使用了一个图片，目的是地图放大缩小时候图片大小不随缩放而变化，使用例如MapCircle等控件也是可以的

ListModel{id: airModel
}
Component{id:airDelegateMapQuickItem{id:airLinewidth: 6height: 6coordinate:QtPositioning.coordinate(location.latitude,location.longitude)sourceItem: Image{sourceSize.height: 6sourceSize.width: 6source: "Img/signal2.png"}anchorPoint.x: 3anchorPoint.y:3}
}

最后一步就是往model中写入数据，如果model中已有数据，此步骤可忽略：

Connections{target: Analyze  //C++中获得数据后发送信号onMonitorChange:{for(var i=0;i<locationList.length;i++){var point = locationList[i]airModel.append({"location":QtPositioning.coordinate(point.x,point.y)})//               if(i==locationList.length-1){//最终目标位置//                   airLine.coordinate = QtPositioning.coordinate(point.x,point.y)//               }}}
}

效果如图：

QML地图中使用MapItemView相关推荐

QML 地图修改插件源码（一）解决Map使用Open Street Map（OSM）无法加载在线地图的解决办法
最近在使用Qml地图中发现,osm地图在线加载地图失败,通过查看osm插件源代码,找到了osm瓦片地图的源地址为:http://c.tile.openstreetmap.org/%z/%x/%y.pn ...
QML Map中测距——QtLocation轻量级地图应用学习
QML Map中测距 1. 实现思路 2. 实现代码及git链接本文转载于:QML QtLocation轻量级地图应用学习:实现测距功能所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多 ...
QML 地图修改插件源码（三），Map在Plugin中设置加载地图类型
常用的地图种类分为交通图,地形图,卫星图等等,在QML的Map(以OSM地图为例)中提供activeMapType属性用于读取当前显示的地图类型(注意:该属性为只读属性,不能用于赋值),QML中地图的 ...
QML地图Map中使用QPainterPath,并显示任意点经纬度位置
QML地图Map中提供了供绘制图形的组件,例如MapPolyline,MapCircle等,但是这些组件在绘制复杂轨迹时就显得功能不够全面,因此我将QPainterPath在Map中进行使用并进行绘制 ...
QML 地图修改插件源码（四），Map根据目录作为索引加载地图瓦片
QML中的地图(以OSM为例)在使用过程中会发现当地图层数很多时,特别是如果使用离线地图且地图层级较多时地图会变得很卡(在线地图加载的层级数多且不清除缓存时也会卡),原因在于QML地图插件对地图瓦片的 ...
高精地图中导航标识识别
高精地图中导航标识识别思路主要介绍高精地图导航标识识别上的技术演进,这些技术手段在不同时期服务了高精地图产线需求. 高精地图介绍当你开车导航的时候,导航地图会向我们推荐一条或几条路线,有些地图甚 ...
CMRNet++：一种相机在激光雷达构建地图中的定位方案
点云PCL免费知识星球,点云论文速读. 标题:CMRNet++: Map and Camera Agnostic Monocular Visual Localization in LiDAR Maps ...
基于激光雷达的里程计及3D点云地图中的定位方法
本文转载自公众号@点云PCL,基于激光雷达的里程计及3D点云地图中的定位方法 :https://mp.weixin.qq.com/s/laA1YAPBCpqlzdGi0yb2cQ 论文:LOL: Li ...
html版本的网站地图只适合,如何在HTML和XML网站地图中取舍
在慢慢接触建站的日子里,也开始学习分析怎样才能让网站更容易收录,这让我想起来,在当初刚刚开始做网站的时候,总是想把那些漂亮的图片和动画搬到首页上去,自以为那样做,能够让用户进来后感到善心悦目,疏不知, ...

QML地图中使用MapItemView

QML地图中使用MapItemView相关推荐

最新文章

热门文章