Felgo Live Code Reloading: Web Editor

import Felgo 3.0 import QtQuick 2.12 import QtLocation 5.12 App { property int mapTypeIndex: 1 AppMap { id: appMap anchors.fill: parent activeMapType: supportedMapTypes[mapTypeIndex] plugin: mapboxPlugin } Plugin { id: mapboxPlugin 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" } ] } IconButton { icon: IconType.chevronright size: dp(36) anchors { right: parent.right verticalCenter: parent.verticalCenter margins: dp(8) } // increase or start at 0 again if max index exceeded onClicked: mapTypeIndex = (mapTypeIndex + 1) % appMap.supportedMapTypes.length } IconButton { icon: IconType.chevronleft size: dp(36) anchors { left: parent.left verticalCenter: parent.verticalCenter margins: dp(8) } // decrease index or jump to max index if at the beginning onClicked: mapTypeIndex = (mapTypeIndex === 0) ? appMap.supportedMapTypes.length - 1 : mapTypeIndex - 1 } }

Run