MapDisplay.qml 5.82 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
/*=====================================================================

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 Main Map Display
 *   @author Gus Grubba <mavlink@grubba.com>
 */

import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.1

import QGroundControl.Palette 1.0
36
import QGroundControl.Controls 1.0
37
import QGroundControl.FlightMap 1.0
38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

Rectangle {
    QGCPalette { id: __palette; colorGroupEnabled: true }
    id: root
    color: Qt.rgba(0,0,0,0);

    property real roll:    isNaN(mapEngine.roll)    ? 0 : mapEngine.roll
    property real pitch:   isNaN(mapEngine.pitch)   ? 0 : mapEngine.pitch
    property bool showWaypointEditor: true

    SplitView {
        id:           splitView
        anchors.fill: parent
        orientation:  Qt.Horizontal
        z:            10

        // This sets the color of the splitter line
        handleDelegate: Rectangle {
                width:  1
                height: 1
                color:  __palette.window
            }

        //----------------------------------------------------------------------------------------
        // Map View
63
        FlightMap {
64 65 66 67 68 69
            id:                     mapBackground
            Layout.fillWidth:       true
            Layout.minimumWidth:    300
            heading:                isNaN(mapEngine.heading) ? 0 : mapEngine.heading
            latitude:               37.803784   // mapEngine.latitude
            longitude:              -122.462276 // mapEngine.longitude
70 71 72
            showWaypoints:          true
            mapName:                'MainMapDisplay'

73 74 75 76 77 78 79 80 81 82 83 84
            // Chevron button at upper right corner of Map Display
            Item {
                id:             openWaypoints
                anchors.top:    mapBackground.top
                anchors.right:  mapBackground.right
                width:          30
                height:         30
                opacity:        0.85
                z:              splitView.z + 10
                Image {
                    id:             buttomImg
                    anchors.fill:   parent
85
                    source:         showWaypointEditor ? "/qmlimages/buttonRight.svg" : "/qmlimages/buttonLeft.svg"
86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103
                    mipmap:         true
                    smooth:         true
                    antialiasing:   true
                    fillMode:       Image.PreserveAspectFit
                }
                MouseArea {
                    anchors.fill: parent
                    acceptedButtons: Qt.LeftButton
                    onClicked: {
                        if (mouse.button == Qt.LeftButton)
                        {
                            showWaypointEditor = !showWaypointEditor
                        }
                    }
                }
            }
        }
        //----------------------------------------------------------------------------------------
104
        // MissionItem Editor
105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
        QGCWaypointEditor {
            id:                  waypointEditor
            Layout.minimumWidth: 200
            visible:             showWaypointEditor
        }
    }

    //--------------------------------------------------------------------------------------------
    // Right click anywhere on the map for a context menu
    MouseArea {
        anchors.fill: parent
        acceptedButtons: Qt.RightButton
        onClicked: {
            if (mouse.button == Qt.RightButton)
            {
120
                mapBackground.mapMenu.popup()
121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146
            }
        }
        z: splitView.z + 5
    }

    //--------------------------------------------------------------------------------------------
    // Tool Bar
    Rectangle {
        id:                     toolBar
        color:                  Qt.rgba(0,0,0,0)
        height:                 buttonColumn.height
        visible:                showWaypointEditor
        anchors.top:            parent.top
        anchors.left:           parent.left
        anchors.topMargin:      40
        anchors.leftMargin:     4
        z:                      splitView.z + 10

        ExclusiveGroup { id: mainActionGroup }

        Column {
            id: buttonColumn
            spacing: 4
            QGCMapToolButton {
                width:  50
                height: 50
147
                imageSource: "/qmlimages/buttonHome.svg"
148 149 150 151 152
                exclusiveGroup: mainActionGroup
            }
            QGCMapToolButton {
                width:  50
                height: 50
153
                imageSource: "/qmlimages/buttonHome.svg"
154 155 156 157 158
                exclusiveGroup: mainActionGroup
            }
            QGCMapToolButton {
                width:  50
                height: 50
159
                imageSource: "/qmlimages/buttonHome.svg"
160 161 162 163 164
                exclusiveGroup: mainActionGroup
            }
            QGCMapToolButton {
                width:  50
                height: 50
165
                imageSource: "/qmlimages/buttonHome.svg"
166 167 168 169 170
                exclusiveGroup: mainActionGroup
            }
        }
    }
}