Add image overlay to feature

MKa

I have a mapview that shows one feature on it.  I have an image that i have a URL for, that I want to overlay on that feature.  The image has a rectangle bounds that I also know.  I can't figure out how to get this image to overlay on the feature.  I have tried the Graphics overlay, but cant find the correct symbol class that will take my image url.  Below here the PicutreMarkerSymbol will take my URL.  Again, I know the bounds of the image, as the image was actually created from the shape of my feature in another program.

This doesn't work obviously, but what can i do to overlay my image on my feature

GraphicsOverlay <SPAN class="punctuation token">{</SPAN>
        id<SPAN class="punctuation token">:</SPAN> graphicsOverlay
        Graphic <SPAN class="punctuation token">{</SPAN>
            geometry<SPAN class="punctuation token">:</SPAN> feature<SPAN class="punctuation token">.</SPAN>geometry

            PictureMarkerSymbol <SPAN class="punctuation token">{</SPAN>
                url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"https://urltoMyImage"</SPAN>
                width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">32</SPAN>
                height<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">32</SPAN>
                offsetY<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">16</SPAN>
            <SPAN class="punctuation token">}</SPAN>
        <SPAN class="punctuation token">}</SPAN>
    <SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Lucas Danzinger

I changed the sample out from sceneview to mapview and that worked. It should work 2d and 3d.

MapView {
    id: sceneView
    anchors.fill: parent

    Map {
        BasemapImagery {}

        // Create a KML Layer
        KmlLayer {
            id: kmlLayer
            // Create a KML Dataset
            KmlDataset {
                // Create a Ground Overlay by assigning an icon and geometry
                KmlGroundOverlay {
                    id: groundOverlay
                    rotation: -3.046024799346924

                    KmlIcon {
                        url: "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Qt_logo_2016.svg/1200px-Qt_logo_2016.svg.png"
                    }

                    Envelope {
                        id: env
                        xMin: -123.066227926904
                        yMin: 44.04736963555683
                        xMax: -123.0796942287304
                        yMax: 44.03878298600624
                        SpatialReference {
                            wkid: 4326
                        }
                    }
                }
            }

            // set viewpoint to the ground overlay
            onLoadStatusChanged: {
                if (loadStatus !== Enums.LoadStatusLoaded)
                    return;

                const vp = ArcGISRuntimeEnvironment.createObject("ViewpointCenter", {
                                                                     center: env.center,
                                                                     targetScale: 10000
                                                                 });
                sceneView.setViewpoint(vp);
            }
        }
    }
}<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>