Qt开发示例 (QML)：地图-控件新闻-慧都网

Qt开发示例 (QML)：地图

翻译|使用教程|编辑：鲍佳佳|2021-08-17 09:56:12.153|阅读 632 次

概述：示例演示了如何使用MapItemView在地图上搜索和显示地点列表。

运行示例

要从Qt Creator中运行这个例子，请打开Welcome模式，从Examples中选择这个例子。更多信息，请访问构建和运行一个例子。

本地搜索

要编写将在地图上显示地点的 QML 应用程序，我们首先进行以下导入声明。

import QtQuick 2.0
import QtPositioning 5.5
import QtLocation 5.6

实例化一个Plugin实例。该插件实际上是从那里的地方是从来源后端。根据选择的插件，可能需要一些强制参数。在这种情况下，选择了没有任何强制参数的OSM 插件。

Plugin {
    id: myPlugin
    name: "osm" // "mapboxgl", "esri", ...
    //specify plugin parameters if necessary
    //PluginParameter {...}
    //PluginParameter {...}
    //...
}

接下来，我们实例化一个PlaceSearchModel，我们可以使用它来指定搜索参数并执行地点搜索操作。出于说明目的，一旦模型构建完成，就会调用update()。通常，update()将被调用以响应用户操作，例如按钮单击。

daima

property variant locationOslo: QtPositioning.coordinate( 59.93, 10.76)

PlaceSearchModel {
    id: searchModel

    plugin: myPlugin

    searchTerm: "Pizza"
    searchArea: QtPositioning.circle(locationOslo)

    Component.onCompleted: update()
}

地图是通过使用地图类型来显示的，在里面我们声明了MapItemView并提供了搜索模型和一个委托。我们使用了一个内联的委托，并且假定每个搜索结果都是PlaceSerachesult类型的。因此，我们假定我们总是可以访问地方角色，其他搜索结果类型可能没有地方角色。

Map {
    id: map
    anchors.fill: parent
    plugin: myPlugin;
    center: locationOslo
    zoomLevel: 13

    MapItemView {
        model: searchModel
        delegate: MapQuickItem {
            coordinate: place.location.coordinate

            anchorPoint.x: image.width * 0.5
            anchorPoint.y: image.height

            sourceItem: Column {
                Image { id: image; source: "marker.png" }
                Text { text: title; font.bold: true }
            }
        }
    }
}

最后， aPositionSource用于将地图重置为当前位置并在新区域中查找“披萨”地点。位置信息每 2 分钟更新一次，如果新位置距离上一个比萨搜索区域超过 500 米，则重新触发位置搜索。

PositionSource {
    id: positionSource
    property variant lastSearchPosition: locationOslo
    active: true
    updateInterval: 120000 // 2 mins
    onPositionChanged:  {
        var currentPosition = positionSource.position.coordinate
        map.center = currentPosition
        var distance = currentPosition.distanceTo(lastSearchPosition)
        if (distance > 500) {
            // 500m from last performed pizza search
            lastSearchPosition = currentPosition
            searchModel.searchArea = QtPositioning.circle(currentPosition)
            searchModel.update()
        }
    }
}

====================================================

想要了解或购买Qt正版授权的朋友，欢迎

Qt技术交流群现已开通，QQ搜索群号“765444821”或者扫描下方二维码即可加入