From the description, it seems like labels with leader lines might suit your use case well. Leader lines are unfortunately not supported in the Maps SDK yet, but it is something we have had a lot of requests for. If you have access to ArcGIS Pro and can try to prototype Label callouts with leader lines, that would be useful to know if that satisfies your requirements. If so, if you could message me some details about your organization/app so I can add it to our tracking issue internally, that would be great.
The other avenue as you mentioned is using the Callout. Unfortunately, it is pretty tightly coupled to having 1 display at a time. However, since it is open source, you do have the option of poking around and seeing if you get something to suit your needs.
I have some ideas that may or may not help get you on the right track. One thing you can do with the Callout is set the contentItem to display whatever you want (doesn't need to be tied to title/description properties)
Callout {
contentItem: Column {
spacing: 10
anchors.fill: parent
Text {
text: "Custom Callout"
font.bold: true
font.pixelSize: 18
}
Text {
text: "This is a custom callout"
}
}
palette.windowText: "black"
}
This solves the display customization question, but the remaining problem at this point is that the location the callout displays at is tied to the location provided from the callout data. Since we want multiple callouts, we can't rely on that single location.
However, Callout itself is just a QML Pane, so you can theoretically display it wherever you like (as QML allows). The nice thing that CalloutData does for you is that it converts the map coordinate to a screen coordinate for you, and it updates whenever the viewpoint changes or the data changes. However, you could theoretically explicitly set the XY location of the Callout, and update each at any given interval. Here is a contrived example of showing 2 callouts at the same time at a different location. The bit you'd need to work out is updating the various callouts to be in the right place all the time. This could involve some custom app code or even modification of the Callout.qml code itself.
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Esri.ArcGISRuntime
import Esri.ArcGISRuntime.Toolkit
import DemoApp
DemoPage {
mapViewContents: Component {
MapView {
id:view
Callout {
id: callout
calloutData : view.calloutData //binding to parent. Any change is reflected on this
accessoryButtonVisible: false
implicitHeight: 100
leaderPosition: Callout.LeaderPosition.Automatic
x: 200
y: 200
maxWidth: 250
background: Rectangle {
radius: 5
border.width: 2
border.color: "black"
}
contentItem: Column {
spacing: 10
anchors.fill: parent
Text {
text: "Custom Callout"
font.bold: true
font.pixelSize: 18
}
Text {
text: "This is a custom callout"
}
}
palette.windowText: "black"
}
Callout {
id: callout2
calloutData : view.calloutData //binding to parent. Any change is reflected on this
accessoryButtonVisible: false
implicitHeight: 100
leaderPosition: Callout.LeaderPosition.Automatic
x: 350
y: 350
maxWidth: 250
background: Rectangle {
radius: 5
border.width: 2
border.color: "black"
}
contentItem: Column {
spacing: 10
anchors.fill: parent
Text {
text: "Custom Callout 2"
font.bold: true
font.pixelSize: 18
}
Text {
text: "This is a custom callout 2"
}
}
palette.windowText: "black"
}
CalloutDemo {
geoView: view
}
}
}
}
(modification of https://github.com/Esri/arcgis-maps-sdk-toolkit-qt/blob/main/uitools/examples/cpp_quick/src/demos/Ca...)
I wish we had something that worked for you right out of the box, but hopefully this gives you some ideas to pursue.
