Autore: Fabio Di Matteo
Ultima revisione: 04/12/2017 - 15:08

L'esempio che segue permette di accedere alla posizione del gps e la visualizza su una mappa dentro una webview.

import QtQuick 2.8
import QtQuick.Window 2.2
import QtMultimedia 5.8
import QtQuick.Controls 2.2
 
import QtLocation 5.6
import QtPositioning 5.6
import QtWebView 1.1
 
 
 
 
 
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    PositionSource {
            id: gps
            active: true
 
            onPositionChanged: {
                        var coord = gps.position.coordinate;
                        console.log("Coordinate:", coord.longitude, coord.latitude);
 
                        var mapUrl="https://www.openstreetmap.org/?mlat="+coord.latitude+"&mlon="+coord.longitude+"#map=10/"+coord.latitude+"/"+coord.longitude+"&layers=C"
 
                        myWebView.url=mapUrl
                        myWebView.update()
                    }
    }
 
 
 
    WebView {
            id: myWebView
            anchors.fill: parent
            url: "https://www.openstreetmap.org/"
            onLoadingChanged: {
                if (loadRequest.errorString)
                    console.error(loadRequest.errorString);
            }
        }
 
 
 
 
 
 
 
 
 
}

Le unita' da includere nel file di progetto :

QT += quick positioning webview