QML Map中测距 |
您所在的位置:网站首页 › 如何用地图测量距离 › QML Map中测距 |
QML Map中测距
1. 实现思路2. 实现代码及git链接
本文转载于:QML QtLocation轻量级地图应用学习:实现测距功能 所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多的时间吧! QML其它文章请点击这里: QT QUICK QML 学习笔记 1. 实现思路参照百度or高德地图的测距功能,主要由两种元素组成,标记点和连线。 其中连线很好解决,Qt 提供了 MapPolyline 类型,可以用来绘制折线,并且提供了增删的便捷函数: 对于标记点,我们可以用 MapQuickItem 来实现,里面包含一个标记圆圈、长度Text、删除按钮。对于一组 MapQuickItem,我使用 MapItemView 来管理。而求两个坐标点的距离,直接调用的 coordinate 类型的 distanceTo 函数,总长直接遍历求距离就行了。 接下来就是封装一个 Ruler 的组件,实现多次测距的绘制。每次开始测距时,通过 createObject 动态创建一个 Ruler 组件,然后往里面添加坐标点。坐标点我是在 Map 上放了一个 MouseArea ,然后用 Map 的 toCoordinate 方法把 point 转换成坐标点。 此外,如果要自己计算两点距离,可以参考网上球面两点距离的公式,如: 上面参考的表示法应该是十进制的,如果是度分秒的形式,可以先转化下: 2. 实现代码及git链接下面是实现效果: 有一点还没解决,那就是 MapPolyline 这种图元设置 layer 实现平滑效果的话,放大之后很卡。另外就是,一个 Ruler 所有元素被删之后我也没有析构它。 Ruler组件的实现代码: //MapRuler.qml import QtQuick 2.12 import QtQuick.Controls 2.12 import QtLocation 5.12 import QtPositioning 5.12 // 一次测距里包含多个标记点以及连线 MapItemGroup{ id: control MapPolyline { id: item_line line.color: "red" line.width: 2 //平滑后放大有点卡 //layer.enabled: true //layer.smooth: true //layer.samples: 8 function getDistanceCount(){ var distance_count=0; for(var i=1;i |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |