Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

Felgo Live Code Reloading: Web Editor

Run this example on your Android and iOS phone now, with the Felgo Live Scripting mobile app!

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
36
37
38
39
40
import Felgo 3.0
import QtQuick 2.12
import QtLocation 5.12
import QtPositioning 5.12
App {
 AppMap {
   anchors.fill: parent
   showUserPosition: true
   enableUserPosition: true
   plugin: Plugin {
     name: "mapbox"
     // configure your own map_id and access_token here
     parameters: [
       PluginParameter {
         name: "mapbox.mapping.map_id"
         value: "mapbox.streets"
       },
       PluginParameter {
         name: "mapbox.access_token"
         value: "pk.eyJ1IjoiZ3R2cGxheSIsImEiOiJjaWZ0Y2pkM2cwMXZqdWVsenJhcGZ3ZDl5In0.6xMVtyc0CkYNYup76iMVNQ"
       }
     ]
   }
   // check for user position initially when the component is created
   Component.onCompleted: moveToUserPosition()
   // once we successfully received the location, we zoom to the user position
   onUserPositionAvailableChanged: moveToUserPosition()
   function moveToUserPosition() {
     if(userPositionAvailable) {
       center = userPosition.coordinate
        zoomLevel = 13
     }
   }
 }
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run

Show Preview Felgo version 4.1.0

1. Download Felgo Live Scripting app

2. Open the app and add the displayed Dev ID here.

QML Hot Reload on all Platforms

With Felgo Live, you can reload code changes in real-time on any connected device. While this web editor is just for demonstration purposes, you can use hot reloading also for development on your desktop.

Download the Felgo Developer App app to run your code on Android and iOS, from Windows, macOS or Linux.