Hi everyone,
I’m using objects (MapObject
) to represent exhibition booths on my map, and I want to apply transparency using the opacity
property.
Context
- Mappedin SDK version:
v6.0.1-beta.24
- I’m adding a background image to the map:
mapView.Images.add(mapData.mapCenter, 'https://BG-URL', {
width: 30,
height: 20,
rotation: 0,
verticalOffset: 0.1,
});
- I’m trying to make my booths semi-transparent:
mapView.updateState(element, {
interactive: true,
color: 'pink',
opacity: 0.5,
});
Issue
- The opacity is applied, but the background remains invisible through the objects.
- It looks like the object is still fully opaque even with an opacity value < 1.
Questions
- Is opacity supposed to affect the actual transparency of
MapObject
elements? - Is there a way to make the background image visible through the objects?
- Should I enable a specific setting or use another type of element (
Space
instead ofObject
)?
Thanks for your help!