FlightMap.qml 9.9 KB
Newer Older
dogmaphobic's avatar
dogmaphobic committed
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
/*=====================================================================

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>
 */

30
import QtQuick          2.4
31
import QtQuick.Controls 1.3
32 33
import QtLocation       5.3
import QtPositioning    5.3
dogmaphobic's avatar
dogmaphobic committed
34

35
import QGroundControl.Controls              1.0
36
import QGroundControl.FlightMap             1.0
37 38 39
import QGroundControl.ScreenTools           1.0
import QGroundControl.MultiVehicleManager   1.0
import QGroundControl.Vehicle               1.0
40
import QGroundControl.Mavlink               1.0
dogmaphobic's avatar
dogmaphobic committed
41

42 43
Map {
    id: _map
dogmaphobic's avatar
dogmaphobic committed
44

45 46 47 48 49
    property real   latitude:           0
    property real   longitude:          0
    property real   heading:            0
    property bool   interactive:        true
    property string mapName:            'defaultMap'
50
    property alias  mapWidgets:         controlWidgets
51
    property bool   isSatelliteMap:     false
52 53 54
        
    property real   lon: (longitude >= -180 && longitude <= 180) ? longitude : 0
    property real   lat: (latitude  >=  -90 && latitude  <=  90) ? latitude  : 0
55

56 57 58 59
    zoomLevel:  18
    center:     QtPositioning.coordinate(lat, lon)
    gesture.flickDeceleration: 3000
    gesture.enabled: interactive
60

61
    plugin: Plugin { name: "QGroundControl" }
62

Don Gagne's avatar
Don Gagne committed
63 64
    ExclusiveGroup { id: mapTypeGroup }
    
Don Gagne's avatar
Don Gagne committed
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
    // Map type selection MenuItem
    Component {
        id: menuItemComponent
        
        MenuItem {
            checkable:      true
            checked:        text == _map.activeMapType.name
            exclusiveGroup: mapTypeGroup
            visible:        _map.visible
            
            onTriggered: setCurrentMap(text)
        }
    }
    
    // Set the current map type to the specified type name
    function setCurrentMap(name) {
Don Gagne's avatar
Don Gagne committed
81
        for (var i = 0; i < _map.supportedMapTypes.length; i++) {
Don Gagne's avatar
Don Gagne committed
82
            if (name === _map.supportedMapTypes[i].name) {
Don Gagne's avatar
Don Gagne committed
83
                _map.activeMapType = _map.supportedMapTypes[i]
Don Gagne's avatar
Don Gagne committed
84
                multiVehicleManager.saveSetting(_map.mapName + "/currentMapType", name);
Don Gagne's avatar
Don Gagne committed
85 86 87 88 89
                return;
            }
        }
    }
    
Don Gagne's avatar
Don Gagne committed
90
    // Add menu map types to the specified menu and sets the current map type from settings
Don Gagne's avatar
Don Gagne committed
91
    function addMapMenuItems(menu) {
Don Gagne's avatar
Don Gagne committed
92 93 94 95
        var savedMapName = multiVehicleManager.loadSetting(_map.mapName + "/currentMapType", "")
        
        setCurrentMap(savedMapName)
        
Don Gagne's avatar
Don Gagne committed
96
        for (var i = 0; i < _map.supportedMapTypes.length; i++) {
Don Gagne's avatar
Don Gagne committed
97 98 99
            var menuItem = menuItemComponent.createObject()
            menuItem.text = _map.supportedMapTypes[i].name
            menu.insertItem(menu.items.length, menuItem)
Don Gagne's avatar
Don Gagne committed
100 101 102
        }
    }
    
103
    /// Map control widgets
104
    Column {
105
        id:                 controlWidgets
106 107 108 109 110 111 112 113 114
        anchors.margins:    ScreenTools.defaultFontPixelWidth
        anchors.right:      parent.right
        anchors.bottom:     parent.bottom
        spacing:            ScreenTools.defaultFontPixelWidth / 2

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

115
            readonly property real _zoomIncrement: 1.0
Don Gagne's avatar
Don Gagne committed
116
            property real _buttonWidth: ScreenTools.defaultFontPixelWidth * 5
117 118 119 120 121 122 123
            
            NumberAnimation {
                id: animateZoom
                
                property real startZoom
                property real endZoom
                
124
                target:     _map
125 126 127 128 129 130 131 132 133 134
                properties: "zoomLevel"
                from:       startZoom
                to:         endZoom
                duration:   500
                
                easing {
                    type: Easing.OutExpo
                }
            }

135 136

            QGCButton {
137
                width:  parent._buttonWidth
138
                text:   "+"
139 140
                
                onClicked: {
141 142 143
                    var endZoomLevel = _map.zoomLevel + parent._zoomIncrement
                    if (endZoomLevel > _map.maximumZoomLevel) {
                        endZoomLevel = _map.maximumZoomLevel
144
                    }
145
                    animateZoom.startZoom = _map.zoomLevel
146 147 148
                    animateZoom.endZoom = endZoomLevel
                    animateZoom.start()
                }
149
            }
150
            
151
            QGCButton {
152
                width:  parent._buttonWidth
153
                text:   "-"
154 155
                
                onClicked: {
156 157 158
                    var endZoomLevel = _map.zoomLevel - parent._zoomIncrement
                    if (endZoomLevel < _map.minimumZoomLevel) {
                        endZoomLevel = _map.minimumZoomLevel
159
                    }
160
                    animateZoom.startZoom = _map.zoomLevel
161 162 163
                    animateZoom.endZoom = endZoomLevel
                    animateZoom.start()
                }
164
            }
165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185
        } // 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
 
 property variant scaleLengths: [5, 10, 25, 50, 100, 150, 250, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000, 200000, 500000, 1000000, 2000000]
 
    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"
186
        }
187 188 189 190
        else{
            dist = dist + " m"
        }
        return dist
dogmaphobic's avatar
dogmaphobic committed
191 192
    }

193 194 195
        onWidthChanged: {
            scaleTimer.restart()
        }
196

197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229
        onHeightChanged: {
            scaleTimer.restart()
        }

        onZoomLevelChanged:{
            scaleTimer.restart()
        }
 
        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
        }
230

dogmaphobic's avatar
dogmaphobic committed
231 232 233 234 235 236
    QGCSlider {
        id: zoomSlider;
        minimum: map.minimumZoomLevel;
        maximum: map.maximumZoomLevel;
        opacity: 1
        visible: parent.visible
237
        z: 1000
dogmaphobic's avatar
dogmaphobic committed
238 239
        anchors {
            bottom: parent.bottom;
Don Gagne's avatar
Don Gagne committed
240 241 242
            bottomMargin:   ScreenTools.defaultFontPixelSize * (1.25)
            rightMargin:    ScreenTools.defaultFontPixelSize * (1.66)
            leftMargin:     ScreenTools.defaultFontPixelSize * (1.66)
dogmaphobic's avatar
dogmaphobic committed
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257
            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
258
        visible: scaleText.text !== "0 m"
259
        z: map.z + 20
dogmaphobic's avatar
dogmaphobic committed
260 261 262
        opacity: 1
        anchors {
            bottom: zoomSlider.top;
Don Gagne's avatar
Don Gagne committed
263
            bottomMargin: ScreenTools.defaultFontPixelSize * (0.66);
dogmaphobic's avatar
dogmaphobic committed
264
            left: zoomSlider.left
Don Gagne's avatar
Don Gagne committed
265
            leftMargin: ScreenTools.defaultFontPixelSize * (0.33)
dogmaphobic's avatar
dogmaphobic committed
266 267 268
        }
        Image {
            id: scaleImageLeft
269
            source: "/qmlimages/scale_end.png"
dogmaphobic's avatar
dogmaphobic committed
270 271 272 273 274
            anchors.bottom: parent.bottom
            anchors.left: parent.left
        }
        Image {
            id: scaleImage
275
            source: "/qmlimages/scale.png"
dogmaphobic's avatar
dogmaphobic committed
276 277 278 279 280
            anchors.bottom: parent.bottom
            anchors.left: scaleImageLeft.right
        }
        Image {
            id: scaleImageRight
281
            source: "/qmlimages/scale_end.png"
dogmaphobic's avatar
dogmaphobic committed
282 283 284
            anchors.bottom: parent.bottom
            anchors.left: scaleImage.right
        }
285
        QGCLabel {
dogmaphobic's avatar
dogmaphobic committed
286 287 288 289 290 291
            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
292
            anchors.bottomMargin: ScreenTools.defaultFontPixelSize * (0.83)
dogmaphobic's avatar
dogmaphobic committed
293 294 295 296 297 298
            text: "0 m"
        }
        Component.onCompleted: {
            map.calculateScale();
        }
    }
dogmaphobic's avatar
dogmaphobic committed
299

dogmaphobic's avatar
dogmaphobic committed
300 301 302 303 304 305 306 307 308
    Timer {
        id: scaleTimer
        interval: 100
        running:  false
        repeat:   false
        onTriggered: {
            map.calculateScale()
        }
    }
309
*/
310
} // Map