Allow setting opacity of popup when behind surface

[kamil-sienkiewicz-asi]

maplibre-gl-js version: 5.0.0-pre.6

browser: Google chrome Version 130.0.6723.117 (Official Build) (arm64)

Steps to Trigger Behaviour

1. Add popup
2. Rotate globe so popup is behind sphere

Link to Demonstration

https://jsbin.com/xihuyikuxo/3/edit?html,css,output

Expected Behaviour

Popup is hidden when its behind the globe (?) Maybe it's a conscious decision that it shouldn't be hidden, but maybe adding some boolean value to popup config indicating if popup should respect globe (should hide) would be nice addition?

[HarelM]

Thanks for taking the time to report this.
This should be an easy fix like it was with the terrain I suppose.

[HarelM]

The current logic for both terrain and globe view is that the marker get the relevant opacity and the popup that is assigned to it gets closed in case of occlusion.

So I think that in case you would like to have something react to the globe you should you a marker instead of a popup, will this solve your issue?

[HarelM]

BTW, as a work around, you can do the following (this uses internal knowledge of how things are build, so this shouldn't be used as is if you don't want it to break in the future):

    map.on('move', () => {
        if (map.transform.isLocationOccluded(popup.getLngLat())) {
            popup._container.style.opacity = "0.2";
        } else {
            popup._container.style.opacity = "1";
        }
    });

[kamil-sienkiewicz-asi]

Thanks for the workaround!

I've never used marker before so I'm not exactly sure what's the difference, marker is an icon on map that will react to click and spawn new popup anchored to it? Where popup is just a standalone HTML container?
In my case I want to display popup when clicking on polygons, lines, symbols etc. I don't want a visible marker on map.

Nevertheless, wouldn't hiding popup behind the globe be nice addition to popup logic? (maybe allow to opt out of such logic if for whatever reason someone would like to render popup when it's behind the globe) WDYT

[HarelM]

A marker can be any HTML element you might need.
It's a question if we want to duplicate the logic from marker to popup, I honestly don't know.
If you want to champion this, feel free to do so. :-)