How can I use Control Modules with React Azure Map

Question

Hi,

We are using the react-azure-maps package. https://github.com/Azure/react-azure-maps#readme

We want to use the fullscreen module: https://github.com/Azure-Samples/azure-maps-fullscreen-control

Simply adding it to the map control options like below does not work.

const mapControls: IAzureMapControls[] = [
    {
        controlName: 'ZoomControl',
        options: { position: 'bottom-left' } as ControlOptions,
    },
    // Allow for a full screen experience
    {
        controlName: 'FullscreenControl',
        options: { position: 'top-right' } as ControlOptions,
        controlOptions: {
            hideIfUnsupported: true,
            style: 'auto',
        }
    }
];

How can we add the module and use it in our map to allow for full screen? Thank you!

Answer 1

The Fullscreen control is only just being added to the main web SDK. The react SDK doesn't have it in. I recommend opening up an issue on that project to highlight that it's a new feature that can be added there, you are interested in having it, and track it.