Skip to content
FlightMap.qml 10.1 KiB
Newer Older
dogmaphobic's avatar
dogmaphobic committed
/*=====================================================================

QGroundControl Open Source Ground Control Station

(c) 2009, 2015 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>

This file is part of the QGROUNDCONTROL project

    QGROUNDCONTROL is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    QGROUNDCONTROL is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with QGROUNDCONTROL. If not, see <http://www.gnu.org/licenses/>.

======================================================================*/

/**
 * @file
 *   @brief QGC Map Background
 *   @author Gus Grubba <mavlink@grubba.com>
 */

import QtQuick          2.4
import QtQuick.Controls 1.3
import QtLocation       5.3
import QtPositioning    5.3
dogmaphobic's avatar
dogmaphobic committed

import QGroundControl                       1.0
import QGroundControl.Controls              1.0
import QGroundControl.FlightMap             1.0
import QGroundControl.ScreenTools           1.0
import QGroundControl.MultiVehicleManager   1.0
import QGroundControl.Vehicle               1.0
import QGroundControl.Mavlink               1.0
dogmaphobic's avatar
dogmaphobic committed

dogmaphobic's avatar
dogmaphobic committed

    property string mapName:            'defaultMap'
    property string mapType:            QGroundControl.flightMapSettings.mapTypeForMapName(mapName)
//  property alias  mapWidgets:         controlWidgets
    property bool   isSatelliteMap:     mapType == "Satellite Map" || mapType == "Hybrid Map"

    readonly property real maxZoomLevel:    20

    zoomLevel:                  18
Don Gagne's avatar
Don Gagne committed
    center:                     QGroundControl.lastKnownHomePosition
    gesture.flickDeceleration:  3000
    gesture.activeGestures:     MapGestureArea.ZoomGesture | MapGestureArea.PanGesture | MapGestureArea.FlickGesture
    plugin: Plugin { name: "QGroundControl" }
Don Gagne's avatar
Don Gagne committed
    ExclusiveGroup { id: mapTypeGroup }

    Component.onCompleted: onMapTypeChanged

    property bool _initialMapPositionSet: false
    Connections {
        target: mainWindow

        onGcsPositionChanged: {
            if (!_initialMapPositionSet) {
                _initialMapPositionSet = true
                flightMap.center = mainWindow.gcsPosition
            }
        }
    }

    onMapTypeChanged: {
        QGroundControl.flightMapSettings.setMapTypeForMapName(mapName, mapType)
        var fullMapName = QGroundControl.flightMapSettings.mapProvider + " " + mapType
Don Gagne's avatar
Don Gagne committed
        for (var i = 0; i < _map.supportedMapTypes.length; i++) {
            if (fullMapName === _map.supportedMapTypes[i].name) {
Don Gagne's avatar
Don Gagne committed
                _map.activeMapType = _map.supportedMapTypes[i]
    MapQuickItem {
        anchorPoint.x:  sourceItem.width  / 2
        anchorPoint.y:  sourceItem.height / 2
        visible:        mainWindow.gcsPosition.isValid
        coordinate:     mainWindow.gcsPosition

        sourceItem: MissionItemIndexLabel {
            label: "Q"
        }
    }

    /*********************************************
Don Gagne's avatar
Don Gagne committed
    /// Map control widgets
Don Gagne's avatar
Don Gagne committed
        id:                 controlWidgets
        anchors.margins:    ScreenTools.defaultFontPixelWidth
        anchors.right:      parent.right
        anchors.bottom:     parent.bottom
        spacing:            ScreenTools.defaultFontPixelWidth / 2
Don Gagne's avatar
Don Gagne committed
        z:                  1000    // Must be on top for clicking
Don Gagne's avatar
Don Gagne committed
        // Pinch zoom doesn't seem to be working, so zoom buttons in mobile on for now
        //visible:            !ScreenTools.isMobile

        Row {
            layoutDirection:    Qt.RightToLeft
            spacing:            ScreenTools.defaultFontPixelWidth / 2

Don Gagne's avatar
Don Gagne committed
            readonly property real _zoomIncrement: 1.0
Don Gagne's avatar
Don Gagne committed
            property real _buttonWidth: ScreenTools.defaultFontPixelWidth * 5
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
            NumberAnimation {
                id: animateZoom
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
                property real startZoom
                property real endZoom
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
                properties: "zoomLevel"
                from:       startZoom
                to:         endZoom
                duration:   500
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
                easing {
                    type: Easing.OutExpo
                }
            }

Don Gagne's avatar
Don Gagne committed
                width:  parent._buttonWidth
Gus Grubba's avatar
Gus Grubba committed
                z:      QGroundControl.zOrderWidgets
dogmaphobic's avatar
dogmaphobic committed
                //iconSource: "/qmlimages/ZoomPlus.svg"
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
                onClicked: {
                    var endZoomLevel = _map.zoomLevel + parent._zoomIncrement
                    if (endZoomLevel > _map.maximumZoomLevel) {
                        endZoomLevel = _map.maximumZoomLevel
                    animateZoom.startZoom = _map.zoomLevel
Don Gagne's avatar
Don Gagne committed
                    animateZoom.endZoom = endZoomLevel
                    animateZoom.start()
                }
Gus Grubba's avatar
Gus Grubba committed

            QGCButton {
Don Gagne's avatar
Don Gagne committed
                width:  parent._buttonWidth
Gus Grubba's avatar
Gus Grubba committed
                z:      QGroundControl.zOrderWidgets
dogmaphobic's avatar
dogmaphobic committed
                //iconSource: "/qmlimages/ZoomMinus.svg"
Gus Grubba's avatar
Gus Grubba committed

Don Gagne's avatar
Don Gagne committed
                onClicked: {
                    var endZoomLevel = _map.zoomLevel - parent._zoomIncrement
                    if (endZoomLevel < _map.minimumZoomLevel) {
                        endZoomLevel = _map.minimumZoomLevel
                    animateZoom.startZoom = _map.zoomLevel
Don Gagne's avatar
Don Gagne committed
                    animateZoom.endZoom = endZoomLevel
                    animateZoom.start()
                }
        } // Row - +/- buttons
    } // Column - Map control widgets
*********************************************/

/*
 The slider and scale display are commented out for now to try to save real estate - DonLakeFlyer
 Not sure if I'll bring them back or not. Need room for waypoint list at bottom
Gus Grubba's avatar
Gus Grubba committed

 property variant scaleLengths: [5, 10, 25, 50, 100, 150, 250, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000, 200000, 500000, 1000000, 2000000]
Gus Grubba's avatar
Gus Grubba committed

    function formatDistance(meters)
    {
        var dist = Math.round(meters)
        if (dist > 1000 ){
            if (dist > 100000){
                dist = Math.round(dist / 1000)
            }
            else{
                dist = Math.round(dist / 100)
                dist = dist / 10
            }
            dist = dist + " km"
        else{
            dist = dist + " m"
        }
        return dist
        onWidthChanged: {
            scaleTimer.restart()
        }
        onHeightChanged: {
            scaleTimer.restart()
        }

        onZoomLevelChanged:{
            scaleTimer.restart()
        }
Gus Grubba's avatar
Gus Grubba committed

        function calculateScale() {
            var coord1, coord2, dist, text, f
            f = 0
            coord1 = map.toCoordinate(Qt.point(0,scale.y))
            coord2 = map.toCoordinate(Qt.point(0+scaleImage.sourceSize.width,scale.y))
            dist = Math.round(coord1.distanceTo(coord2))
            if (dist === 0) {
                // not visible
            } else {
                for (var i = 0; i < scaleLengths.length-1; i++) {
                    if (dist < (scaleLengths[i] + scaleLengths[i+1]) / 2 ) {
                        f = scaleLengths[i] / dist
                        dist = scaleLengths[i]
                        break;
                    }
                }
                if (f === 0) {
                    f = dist / scaleLengths[i]
                    dist = scaleLengths[i]
                }
            }
            text = formatDistance(dist)
            scaleImage.width = (scaleImage.sourceSize.width * f) - 2 * scaleImageLeft.sourceSize.width
            scaleText.text = text
        }
dogmaphobic's avatar
dogmaphobic committed
    QGCSlider {
        id: zoomSlider;
        minimum: map.minimumZoomLevel;
        maximum: map.maximumZoomLevel;
        opacity: 1
        visible: parent.visible
        z: 1000
dogmaphobic's avatar
dogmaphobic committed
        anchors {
            bottom: parent.bottom;
Don Gagne's avatar
Don Gagne committed
            bottomMargin:   ScreenTools.defaultFontPixelSize * (1.25)
            rightMargin:    ScreenTools.defaultFontPixelSize * (1.66)
            leftMargin:     ScreenTools.defaultFontPixelSize * (1.66)
dogmaphobic's avatar
dogmaphobic committed
            left: parent.left
        }
        width: parent.width - anchors.rightMargin - anchors.leftMargin
        value: map.zoomLevel
        Binding {
            target: zoomSlider; property: "value"; value: map.zoomLevel
        }
        onValueChanged: {
            map.zoomLevel = value
        }
    }

    Item {
        id: scale
        parent: zoomSlider.parent
dogmaphobic's avatar
dogmaphobic committed
        visible: scaleText.text !== "0 m"
        z: map.z + 20
dogmaphobic's avatar
dogmaphobic committed
        opacity: 1
        anchors {
            bottom: zoomSlider.top;
Don Gagne's avatar
Don Gagne committed
            bottomMargin: ScreenTools.defaultFontPixelSize * (0.66);
dogmaphobic's avatar
dogmaphobic committed
            left: zoomSlider.left
Don Gagne's avatar
Don Gagne committed
            leftMargin: ScreenTools.defaultFontPixelSize * (0.33)
dogmaphobic's avatar
dogmaphobic committed
        }
        Image {
            id: scaleImageLeft
            source: "/qmlimages/scale_end.png"
dogmaphobic's avatar
dogmaphobic committed
            anchors.bottom: parent.bottom
            anchors.left: parent.left
        }
        Image {
            id: scaleImage
            source: "/qmlimages/scale.png"
dogmaphobic's avatar
dogmaphobic committed
            anchors.bottom: parent.bottom
            anchors.left: scaleImageLeft.right
        }
        Image {
            id: scaleImageRight
            source: "/qmlimages/scale_end.png"
dogmaphobic's avatar
dogmaphobic committed
            anchors.bottom: parent.bottom
            anchors.left: scaleImage.right
        }
        QGCLabel {
dogmaphobic's avatar
dogmaphobic committed
            id: scaleText
            color: "white"
            font.weight: Font.DemiBold
            horizontalAlignment: Text.AlignHCenter
            anchors.bottom: parent.bottom
            anchors.left:   parent.left
Don Gagne's avatar
Don Gagne committed
            anchors.bottomMargin: ScreenTools.defaultFontPixelSize * (0.83)
dogmaphobic's avatar
dogmaphobic committed
            text: "0 m"
        }
        Component.onCompleted: {
            map.calculateScale();
        }
    }
dogmaphobic's avatar
dogmaphobic committed
    Timer {
        id: scaleTimer
        interval: 100
        running:  false
        repeat:   false
        onTriggered: {
            map.calculateScale()
        }
    }