{"id":1716,"date":"2025-07-29T16:01:46","date_gmt":"2025-07-29T16:01:46","guid":{"rendered":"https:\/\/www.cartograph.eu\/v3\/?page_id=1716"},"modified":"2025-07-29T16:16:30","modified_gmt":"2025-07-29T16:16:30","slug":"dashboards","status":"publish","type":"page","link":"https:\/\/www.cartograph.eu\/v3\/dashboards\/","title":{"rendered":"Dashboards"},"content":{"rendered":"\n<p>Cartograph Maps 3.8.1 (will be released in August 2025) adds support for dashboards.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"905\" src=\"https:\/\/www.cartograph.eu\/v3\/wp-content\/uploads\/2025\/07\/dashboards-1024x905.jpg\" alt=\"\" class=\"wp-image-1720\" style=\"width:554px;height:auto\" srcset=\"https:\/\/www.cartograph.eu\/v3\/wp-content\/uploads\/2025\/07\/dashboards-1024x905.jpg 1024w, https:\/\/www.cartograph.eu\/v3\/wp-content\/uploads\/2025\/07\/dashboards-300x265.jpg 300w, https:\/\/www.cartograph.eu\/v3\/wp-content\/uploads\/2025\/07\/dashboards-768x678.jpg 768w, https:\/\/www.cartograph.eu\/v3\/wp-content\/uploads\/2025\/07\/dashboards.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Dashboards are fully customizable and provide means for viewing data (e.g., track statistics, sensor data, map position data), and for controlling parts of the app (track recording, add way points, move\/zoom\/tilt\/rotate the map).<\/p>\n\n\n\n<p>There are two types of dashboards: &#8220;<strong>Overlay<\/strong>&#8221; dashboards are transparent and are shown on top of the map. &#8220;<strong>Fullscreen<\/strong>&#8221; dashboards cover the whole screen (including the map).<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>You can download example dashboards here:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zip package containing examples: <a href=\"http:\/\/cartograph.eu\/v3\/downloads\/dashboards\/example_ddashboards.dashboard.zip\">Download<\/a><\/li>\n\n\n\n<li>Installer package which will install the examples directly in Cartograph Maps: <a href=\"cartograph-s:\/\/cartograph.eu\/v3\/downloads\/dashboards\/example_ddashboards.dashboard.zip\">Download<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to create your own dashboards<\/h2>\n\n\n\n<p>Cartograph Maps supports user-created dashboards (stored in the app&#8217;s &#8220;<strong>Dashboards<\/strong>&#8221; sub-directory). Dashboards are created using the <a href=\"https:\/\/doc.qt.io\/qtcreator\/creator-qtquickdesigner-plugin.html\" target=\"_blank\" rel=\"noreferrer noopener\">Qml language<\/a>.<\/p>\n\n\n\n<p>The following code shows a simple overlay dashboard:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/Name=Example: Speed and Power overlay\n\/\/Type=overlay\n\n\/**\n  * This example shows how to overlay sensor data on top\n  * of the map using an \"overlay\" dashboard.\n **\/\n\nimport QtQuick\nimport QtQuick.Controls\nimport QtQuick.Layouts\nimport QtSensors\nimport QtQuick.Shapes\nimport QtQuick.Window\n\nimport com.mobwheel  \/\/ this is necessary for accessing data from Cartograph Maps\n\nItem {\n    ColumnLayout {\n        id: col\n        anchors.top: parent.top\n        anchors.topMargin: 100\n        anchors.horizontalCenter: parent.horizontalCenter\n\n        property var unitsHandler: AppInstance.cartographApplicationManager.unitsHandler\n        property var sensorManager: AppInstance.cartographApplicationManager.sensorManager\n\n        \/\/ Speed\n        Label {\n            font.bold: true\n            font.pointSize: 20\n            Layout.fillWidth: true\n            horizontalAlignment: Label.AlignHCenter\n            text: col.unitsHandler.getStringForSpeed(col.sensorManager.speed)\n            background: Rectangle {\n                color: \"black\"\n                opacity: 0.5\n                radius: 4\n            }\n        }\n\n        \/\/ Power\n        Label {\n            font.bold: true\n            font.pointSize: 20\n            Layout.fillWidth: true\n            horizontalAlignment: Label.AlignHCenter\n            text: col.sensorManager.power.toFixed() + \" W\"\n            background: Rectangle {\n                color: \"black\"\n                opacity: 0.5\n                radius: 4\n            }\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p>The first line, which has to start with &#8220;<strong>\/\/Name=<\/strong>&#8221; defines the name of the dashboard which will be shown in Cartograph Maps.<br>The second line has to start with &#8220;<strong>\/\/Type=<\/strong>&#8221; and defines whether the dashboard is an &#8220;<strong>overlay<\/strong>&#8221; or &#8220;<strong>fullscreen<\/strong>&#8220;.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cartograph Maps 3.8.1 (will be released in August 2025) adds support for dashboards. Dashboards are fully customizable and provide means<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/1716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/comments?post=1716"}],"version-history":[{"count":9,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/1716\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/1716\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/media?parent=1716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}