I currently try to implement the TimeSlider Widget with QtQuick. For a better understanding of this TimeAware things i want to know if there is any example for the TimeSlider from Toolkit. I look for something like the first animation/gif here:
https://community.esri.com/t5/arcgis-runtime-sdks-blog/building-a-better-toolkit/ba-p/888826
I am satisfied too, if there is any other example to understand the TimeAware Feature a bit better?
Best regards
Solved! Go to Solution.
You can get TimeSlider up and running by doing the following:
- Create a new Qt Quick C++ project from our template
- include the toolkit PRI in your pro file -
include(/path/to/arcgis-runtime-qt-toolkit/uitools/toolkitcpp.pri)
- register your components in the main.cpp -
#include <Esri/ArcGISRuntime/Toolkit/register.h>
Esri::ArcGISRuntime::Toolkit::registerComponents(engine);
- Add a timeslider to your qml:
MapView {
id: view
anchors.fill: parent
// set focus to enable keyboard navigation
focus: true
TimeSlider {
anchors {
left: parent.left
right: parent.right
bottom: parent.bottom
}
geoView: view
}
}
- Add a time enabled layer, such as this map image layer
ToolkitTestCppQuick::ToolkitTestCppQuick(QObject* parent /* = nullptr */):
QObject(parent),
m_map(new Map(Basemap::streets(this), this))
{
auto imgLyr = new ArcGISMapImageLayer(QUrl("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Hurricanes/MapServer"), this);
m_map->operationalLayers()->append(imgLyr);
}
- The time slider will automatically get the time extent, and you can manipulate/filter the time:
You can get TimeSlider up and running by doing the following:
- Create a new Qt Quick C++ project from our template
- include the toolkit PRI in your pro file -
include(/path/to/arcgis-runtime-qt-toolkit/uitools/toolkitcpp.pri)
- register your components in the main.cpp -
#include <Esri/ArcGISRuntime/Toolkit/register.h>
Esri::ArcGISRuntime::Toolkit::registerComponents(engine);
- Add a timeslider to your qml:
MapView {
id: view
anchors.fill: parent
// set focus to enable keyboard navigation
focus: true
TimeSlider {
anchors {
left: parent.left
right: parent.right
bottom: parent.bottom
}
geoView: view
}
}
- Add a time enabled layer, such as this map image layer
ToolkitTestCppQuick::ToolkitTestCppQuick(QObject* parent /* = nullptr */):
QObject(parent),
m_map(new Map(Basemap::streets(this), this))
{
auto imgLyr = new ArcGISMapImageLayer(QUrl("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Hurricanes/MapServer"), this);
m_map->operationalLayers()->append(imgLyr);
}
- The time slider will automatically get the time extent, and you can manipulate/filter the time:
Perfect, thanks