技术分享 | 新手入门-带你使用Qt实现离线缓存地图

Posted 2022-01-30 阿木实验室

相信很多使用Qt做界面开发的相关的人员都会想在自己得交互界面中使用地图，虽然百度、高德地图得功能都非常完善，但是使用Qt调用起来却有些不方便，并且离线地图更是需要一系列瓦片才能实现。这时就可以用到Qt中得QtLocation模块了，由Qt5.4发布技术预览版，到Qt5.6基本成熟。但很多同志如果不搞地图应用，可能用了很久的Qt都不知道有这个模块。QtLocation依赖于QtPositioning模块，提供定位机制、地图和导航技术、位置搜索等功能的QML和C++的API。目前而言，使用QtLocation实现地图得案例有轻量级的谷歌地图源插件GoogleMaps和重量级的地面站软件QGroundControl。

操作步骤：

1.在qmake当中在.pro文件中添加:

QT += positioning location

2.如果是cmake那么在CMakeList.txt中添加如下内容：

find_package(Qt5 …… Quick)

set(……Qt5::Quick)

3.首先我们需要加载QtLocation模块，添加下列语句到qml文件当中

import QtPositioning 5.15

import QtLocation 5.15

因为QtLocation QML模块依赖于上QtPositioning QML模块。因此，每个导入QtLocation模块的应用程序也必须始终导入QtPositioning模块。

4.继续完善qml文件

import QtQuick 2.0 import QtLocation 5.3 import QtPositioning 5.0 Item Map id: item_map anchors.fill: parent // anchors.topMargin: 20 plugin: Plugin locales: "zh-CN" name: "esri" activeMapType: supportedMapTypes[1] center: QtPositioning.coordinate(30.67, 104.04) zoomLevel: 17 maximumZoomLevel: 19 minimumZoomLevel: 1 color: "green"

5.如果程序是qt_ros交互，即cmake编译，如果遇到报错：

module "QtPositioning" is not installed

那么可以在终端使用运行下列命令来解决

sudo apt-get install qml-module-qtpositioning

6.将qml显示出来有两种方式， 一种以QWidget，另外一种以QQuickView显示。 使用QWidget即使用QQuickWidget控件实现，这种方式交互非常单一不是非常方便。如果使用QQuickView方式，那么qml与C++的交互方式就比较友好，相互调用也十分方便，这两种使用网上都能找到方式，这里就不详细介绍使用方式了。

总结： 经过了上述的操作，真实地理地图应该都显示出来了，这种方式显示地图的方式也十分方便快捷。当然这只是最简单的显示，没有任何交互，在Qt的官方文档中关于这个模块还有着非常丰富的API，可以通过这些API实现更多有趣的功能。

• End -

技术发展的日新月异，阿木实验室将紧跟技术的脚步，不断把机器人行业最新的技术和硬件推荐给大家。看到经过我们培训的学员在技术上突飞猛进，是我们培训最大的价值。如果你在机器人行业，就请关注我们的公众号，我们将持续发布机器人行业最有价值的信息和技术。 阿木实验室致力于为机器人研发提供开源软硬件工具和课程服务，让研发更高效！