topic Re: Can't set location of Callout in Qt Maps SDK Questions

Can't set location of Callout

TimConfare1 — Sun, 12 Dec 2021 16:05:41 GMT

I've followed a couple Callout samples when creating my own but I can't get the location of the callout to display where I clicked or the xy coordinate of the feature I am selecting. Every time the callout displays in the upper left of the screen like below:

Callouts appear to be pretty straightforward so I'm not sure why I can't get mine to work. (I am using a mmpk)

property Point clickedPoint

calloutData {
    }
Callout {
        id: callout
        calloutData: parent.calloutData
        accessoryButtonHidden: true
        leaderPosition: leaderPositionEnum.Automatic
    }
onMouseClicked: {        clickedPoint = mouse.mapPoint;
        var tolerance = 5,
        returnPopupsOnly = false,
        maximumResults = 1;
        mapView.identifyLayerWithMaxResults(featureLayer, mouse.x, mouse.y, tolerance, returnPopupsOnly, maximumResults);
    }

onIdentifyLayerStatusChanged: {
         if (identifyLayerStatus === Enums.TaskStatusCompleted) {
             featureLayer.clearSelection();
             const elem = identifyLayerResult.geoElements[0];
             const count = identifyLayerResult.geoElements.length;
             featureLayer.selectFeatures(elem);
             var featureName = elem.attributes.attributeValue("Name");
             var xcoord = elem.attributes.attributeValue("POINT_X");
             var ycoord = elem.attributes.attributeValue("POINT_Y");
             mapView.calloutData.geoElement = elem;
             mapView.calloutData.detail = featureName;
             mapView.calloutData.location = clickedPoint;
             callout.showCallout();
         }
    }

Re: Can't set location of Callout

JamesBallard1 — Tue, 29 Sep 2020 19:37:56 GMT

Hi Tim Confare‌,

Thanks for reaching out to the team. In our example code, the "parent" is the MapView object. I can't tell from your code if that's the case, but can you double check that?

This might work:

calloutData: mapView.calloutData‍

Re: Can't set location of Callout

TimConfare1 — Tue, 29 Sep 2020 20:19:48 GMT

Hi James,

Yes, the parent is the MapView object in my code. I did change that line to mapView.calloutData but it does the same thing.

Any other ideas?

Thanks!

Re: Can't set location of Callout

LucasDanzinger — Sat, 11 Dec 2021 07:31:31 GMT

Do you get any errors in your console about undefined references or anything like that? I took your code and added some layers and was able to get it to work as expected:

import QtQuick 2.6
import QtQuick.Controls 2.2
import Esri.ArcGISRuntime 100.9
import Esri.ArcGISRuntime.Toolkit.Controls 100.9

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

    property Point clickedPoint

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

        // add a map to the mapview
        Map {
            // add the BasemapTopographic basemap to the map
            BasemapTopographic {}
            FeatureLayer {
                id: featureLayer
                ServiceFeatureTable {
                    url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/DamageAssessment/FeatureServer/0"
                }
            }
        }

        calloutData {
        }
        Callout {
            id: callout
            calloutData: parent.calloutData
            accessoryButtonHidden: true
            leaderPosition: leaderPositionEnum.Automatic
        }
        onMouseClicked: {
            clickedPoint = mouse.mapPoint;
            var tolerance = 5,
            returnPopupsOnly = false,
            maximumResults = 1;
            mapView.identifyLayerWithMaxResults(featureLayer, mouse.x, mouse.y, tolerance, returnPopupsOnly, maximumResults);
        }

        onIdentifyLayerStatusChanged: {
            if (identifyLayerStatus === Enums.TaskStatusCompleted) {
                featureLayer.clearSelection();
                const elem = identifyLayerResult.geoElements[0];
                const count = identifyLayerResult.geoElements.length;
                featureLayer.selectFeatures(elem);
                //                var featureName = elem.attributes.attributeValue("Name");
                //                var xcoord = elem.attributes.attributeValue("POINT_X");
                //                var ycoord = elem.attributes.attributeValue("POINT_Y");
                mapView.calloutData.geoElement = elem;
                //                mapView.calloutData.detail = featureName;
                mapView.calloutData.location = clickedPoint;
                callout.showCallout();
            }
        }
    }
}
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Can't set location of Callout

TimConfare1 — Wed, 30 Sep 2020 18:40:40 GMT

Thanks for the reply. I do not have any errors in my console. The only thing different with our code is that I am using a mmpk instead of pointing to a service. I thought maybe it had something to do with spatial reference since my POI layer (which is the geoElements layer) is in a different coordinate system than the basemap and the data frame. I projected that layer to the same coord system but it still puts the callout in the upper left.

Re: Can't set location of Callout

LucasDanzinger — Wed, 30 Sep 2020 18:43:39 GMT

Can you share your code that gets a reference to the featureLayer?

Re: Can't set location of Callout

TimConfare1 — Wed, 30 Sep 2020 18:50:12 GMT

Map{

        id: map

        MobileMapPackage {

            id: mmpk

            path: filePath + inputdata

            Component.onCompleted: {

                mmpk.load();

            onLoadStatusChanged: {

                if (loadStatus === Enums.LoadStatusLoaded) {

                    mapView.map = mmpk.maps[0];

                    mapView.map.minScale = 15000;

                    mapView.map.maxScale = 1000;

                    var identLayerList = mmpk.maps[0].operationalLayers;

                    featureLayer = identLayerList.get(app.idOfPOI);

                    var identLayerName = featureLayer.name;

                    var featureTable = featureLayer.featureTable;

                    console.log("Identify Layer name is " + identLayerName);

                    mapView.setViewpointScale(initialScale);

                    locationDisplay.start();

Re: Can't set location of Callout

LucasDanzinger — Sat, 11 Dec 2021 07:31:34 GMT

I tried that and the following code worked for me as well. Does this work for you?

import QtQuick 2.6
import QtQuick.Controls 2.2
import Esri.ArcGISRuntime 100.9
import Esri.ArcGISRuntime.Toolkit.Controls 100.9

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

    property Point clickedPoint
    property FeatureLayer featureLayer

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

        // add a map to the mapview
        Map {
            MobileMapPackage {
                id: mmpk
                path: "file:///Users/luca6804/ArcGIS/Runtime/UnitTests/mmpks/advancedSymbols.mmpk"
                Component.onCompleted: {
                    mmpk.load();
                }
                onLoadStatusChanged: {
                    if (loadStatus === Enums.LoadStatusLoaded) {
                        mapView.map = mmpk.maps[0];
//                        mapView.map.minScale = 15000;
//                        mapView.map.maxScale = 1000;
                        var identLayerList = mmpk.maps[0].operationalLayers;
                        featureLayer = identLayerList.get(0);
                        var identLayerName = featureLayer.name;
                        var featureTable = featureLayer.featureTable;
                        console.log("Identify Layer name is " + identLayerName);
                        //mapView.setViewpointScale(initialScale);
                        //locationDisplay.start();
                    }
                }
            }
        }

        calloutData {
        }
        Callout {
            id: callout
            calloutData: parent.calloutData
            accessoryButtonHidden: true
            leaderPosition: leaderPositionEnum.Automatic
        }
        onMouseClicked: {
            clickedPoint = mouse.mapPoint;
            var tolerance = 5,
            returnPopupsOnly = false,
            maximumResults = 1;
            mapView.identifyLayerWithMaxResults(featureLayer, mouse.x, mouse.y, tolerance, returnPopupsOnly, maximumResults);
        }

        onIdentifyLayerStatusChanged: {
            if (identifyLayerStatus === Enums.TaskStatusCompleted) {
                featureLayer.clearSelection();
                const elem = identifyLayerResult.geoElements[0];
                const count = identifyLayerResult.geoElements.length;
                featureLayer.selectFeatures(elem);
                //                var featureName = elem.attributes.attributeValue("Name");
                //                var xcoord = elem.attributes.attributeValue("POINT_X");
                //                var ycoord = elem.attributes.attributeValue("POINT_Y");
                mapView.calloutData.geoElement = elem;
                //                mapView.calloutData.detail = featureName;
                mapView.calloutData.location = clickedPoint;
                callout.showCallout();
            }
        }
    }
}
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Can't set location of Callout

TimConfare1 — Thu, 01 Oct 2020 19:04:47 GMT

Thanks for your reply!

I copied your code exactly and my callout is still in the upper left.

Re: Can't set location of Callout

LucasDanzinger — Thu, 01 Oct 2020 20:11:14 GMT

Are you able to share any data? That's the last major difference in our testing that I can think of. Alternatively, can you try my code with the feature service and see if that works for you?

Re: Can't set location of Callout

TimConfare1 — Thu, 01 Oct 2020 22:05:40 GMT

Very strange. I copied your code above including the service you point to and I still get the same thing. I can share my data so you can try on your end. I sent you an invite to the group where my mobile map package is.

Thanks!

Re: Can't set location of Callout

LucasDanzinger — Fri, 02 Oct 2020 14:39:15 GMT

Seems like data shouldn't make a difference since the feature service I sent doesn't work for you.

I'm unsure what the difference would be.

Could you try commenting out the following?

mapView.calloutData.location = clickedPoint;

I had a quick look at the internals and it seems like it expects you to either set the geoelement property or the location property. Setting location would be ideal for when you just want to click on the map and show a callout at that location. Setting the geoelement is ideal when you want to place the callout on a graphic or feature. I'm wondering if setting both is getting us into some strange race condition giving us different results.

Re: Can't set location of Callout

TimConfare1 — Fri, 02 Oct 2020 15:36:38 GMT

I have tried that and it still is in the upper left. It stays there even if I zoom way out. Do you think it matters what version of the ArcGIS Runtime SDK I have installed? Currently I'm at 100.8.

Re: Can't set location of Callout

LucasDanzinger — Fri, 02 Oct 2020 15:38:16 GMT

Version shouldn't matter. Are you using AppStudio or building from source with the Qt SDK directly?

Re: Can't set location of Callout

TimConfare1 — Fri, 02 Oct 2020 15:48:55 GMT

I am using AppStudio

Re: Can't set location of Callout

TimConfare1 — Fri, 02 Oct 2020 20:56:32 GMT

I added a zip file of my app in the group in case you want to look at that. It has to be something in my app.

Thanks for your time!

Re: Can't set location of Callout

LucasDanzinger — Mon, 05 Oct 2020 14:35:54 GMT

Which group are you referring to? Do you have a link?

Re: Can't set location of Callout

TimConfare1 — Mon, 05 Oct 2020 14:41:40 GMT

Sorry...thought I could upload a zip file of my project to AGOL but it doesn't allow that.

Re: Can't set location of Callout

LucasDanzinger — Mon, 05 Oct 2020 14:48:54 GMT

you can upload a zip file right here in GeoNet. You have to expand the toolbar on the top of the reply and select Use Advanced Editor, which will allow you to upload an attachment. Otherwise, on AGOL, I've uploaded zips in the past, but you need to mark them as "Code Sample".

Re: Can't set location of Callout

TimConfare1 — Mon, 05 Oct 2020 16:45:57 GMT

Got it. Thanks! I sent you an invite to my group. I was able to upload the .zip file.