topic Re: Add graphics to a map in Qt Maps SDK Questions

Add graphics to a map

ViníciusCosta — Thu, 06 Feb 2020 18:26:08 GMT

Hello,

I've been looking into a javascript example that add graphics features on a map as you draw them: Add graphics to a map | ArcGIS API for JavaScript 3.31

Is it possible to do the same thing in Qt or QML? I want to draw a retangular shape by mouse drag to select multiple features at once and haven't found a similar example.

Any help is appreciated. Thanks!

Re: Add graphics to a map

LucasDanzinger — Thu, 06 Feb 2020 18:45:36 GMT

The JavaScript sample is showing the "SketchEditor". This is something we don't yet have in Runtime but plan on adding. We do have samples that show how to create graphics, but you'll need to do it programmatically - arcgis-runtime-samples-qt/ArcGISRuntimeSDKQt_QMLSamples/DisplayInformation/GOSymbols at master · Esri/arcgis-runtime-sam…

Re: Add graphics to a map

ViníciusCosta — Thu, 06 Feb 2020 19:11:43 GMT

Thank you!

So, right now, there's no way to do it with a mouse drag?

In the geodesic operations example I've seen that a line is draw by a mouse click. Would it be possible to adapt it to draw some sort of shape and them select the features inside it?

Re: Add graphics to a map

LucasDanzinger — Sat, 11 Dec 2021 15:21:06 GMT

You should be able to do this still. Here is some code that should get you on the right track:

import QtQuick 2.6
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
import Esri.ArcGISRuntime 100.7

ApplicationWindow {
    id: appWindow
    width: 800
    height: 600
    title: "Untitled123"

    property bool mouseAccepted: !freePanButton.checked
    property var startPoint
    property var endPoint

    // add a mapView component
    MapView {
        anchors.fill: parent
        // set focus to enable keyboard navigation
        focus: true

        GraphicsOverlay {
            Graphic {
                id: graphic
            }
            SimpleRenderer {
                SimpleFillSymbol {
                    outline: SimpleLineSymbol {
                        color: "red"
                        width: 2
                    }
                    color: "transparent"
                }
            }
        }

        onMousePressed: {
            mouse.accepted = mouseAccepted;
            startPoint = mouse.mapPoint;
        }

        onMousePositionChanged: {
            mouse.accepted = mouseAccepted;
            endPoint = mouse.mapPoint;
            envBuilder.setCorners(startPoint, endPoint);
            graphic.geometry = envBuilder.geometry
        }

        // add a map to the mapview
        Map {
            id: map
            // add the BasemapTopographic basemap to the map
            BasemapTopographic {}
        }
    }

    EnvelopeBuilder {
        id: envBuilder
        spatialReference: map.spatialReference
    }

    ColumnLayout {
        RadioButton {
            id: freePanButton
            checked: true
            text: qsTr("Free Pan")
        }
        RadioButton {
            text: qsTr("Draw Rectangle")
        }
    }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Add graphics to a map

ViníciusCosta — Fri, 07 Feb 2020 20:35:38 GMT

Thank you!

I've managed to do a little prototype based on your code.

Re: Add graphics to a map

AbhijeetSatam — Thu, 05 Aug 2021 15:08:07 GMT

Hi Vinicius,

I am working with arcgis 100.8 and qt 5.14.2. I am developing my application in cpp. I intend to add drag and draw feature to my application for simple shapes like a line and simple polygons like in this example: https://developers.arcgis.com/javascript/3/jssamples/graphics_add.html . I want to use purely cpp and no qml components.

Can you share details regarding how you achieved the same. It would be of great help.