Overlapping Graphics

VishnuB — Wed, 30 May 2018 17:09:45 GMT

When two polygon graphics in a GraphicsOverlay overlaps, the graphics which is lying on the top gets covered and the graphics which is in bottom is not visible. The opacity of the GraphicsOverlay is set to 0.2. If the graphics are in different GraphicsOverlay both the graphics are visible and the overlapped part become darker. Is there any way to achieve this if the graphics are in same GraphicsOverlay?

Re: Overlapping Graphics

LucasDanzinger — Sun, 12 Dec 2021 07:36:12 GMT

Yes. Instead of applying opacity on the GraphicsOverlay, apply an alpha value to the color of your symbol. For example, the below code gives me this result:

// add a mapView component
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 {}
    }

    GraphicsOverlay {
        Graphic {
            Point {
                x: -20
                y: 0
                spatialReference: SpatialReference {wkid: 4326}
            }
            SimpleMarkerSymbol {
                size: 120
                color: Qt.rgba(1,0,0,0.5) // this is the key part - set alpha value when defining color
            }
        }

        Graphic {
            Point {
                x: 20
                y: 0
                spatialReference: SpatialReference {wkid: 4326}
            }
            SimpleMarkerSymbol{
                size: 120
                color: Qt.rgba(1,0,0,0.5)
            }
        }
    }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

topic Overlapping Graphics in Qt Maps SDK Questions

Overlapping Graphics

Re: Overlapping Graphics