Tooltip dynamic top/bottom position

[artemgafarov666]

Hello! How to make it possible will dynamically switch tooltip between top and bottom according to the tooltip position on the map? Now this opportunity is only for left and right.

[tanthammar]

You can add a function that updates the tooltip position if you have the layer

updateLayerTooltipDirection(layer) {
         if ('getTooltip' in layer) {
                const options = layer.getTooltip()?.options
                if (options) {
                    options.direction = layer.tooltipDirection
                    layer.bindTooltip(layer.tooltip, options)
                }
            }
        },

Example from an Alpine.js component showing the concept

<select 
    x-model="label.tooltipDirection"
    x-on:change="updateLayerTooltipDirection(label)"
>
    <option value="top">Top</option>
    <option value="right">Right</option>
    <option value="bottom">Bottom</option>
    <option value="left">Left</option>
</select>