issue with power BI custom visual developed with Azure maps

[PriyankaK]

I am developing a Power BI custom visual that integrates Azure Maps using the official Azure Maps Web SDK. However, when I import the visual into Power BI (Desktop or Service), the map does not load. There are no errors in my code, and I am not using any disallowed DOM methods like innerHTML.

private container: HTMLElement;
    private map: atlas.Map;

    constructor(options: VisualConstructorOptions) {
        this.container = options.element;

        // Create a map div
        const mapDiv = document.createElement("div");
        mapDiv.style.width = "100%";
        mapDiv.style.height = "100%";
        mapDiv.id = "azureMap";
        this.container.appendChild(mapDiv);

        // Initialize Azure Maps with US regional endpoint
        this.map = new atlas.Map("azureMap", {
            center: [39.7392, -104.9903],
            zoom: 10,
            view: "Auto",
            domain: "us.atlas.microsoft.com",
            authOptions: {
                authType: atlas.AuthenticationType.subscriptionKey,
                subscriptionKey: "<my-azure-maps-key>"
            }
        });

        this.map.events.add("ready", () => {
            this.map.layers.add(new atlas.layer.TileLayer({
                tileUrl: "https://us.atlas.microsoft.com/map/tile?api-version=2.1&tilesetId=microsoft.core.vector&x={x}&y={y}&z={z}",
                opacity: 1,
                tileSize: 256,
                minSourceZoom: 1,
                maxSourceZoom: 22
            }), 'labels');
        });

        this.map.controls.add(new atlas.control.ZoomControl(), {
            position: atlas.ControlPosition.TopRight
        });​

What I’ve Tried

• Verified that no innerHTML or similar DOM methods are used.
• Used only the Azure Maps SDK for all map and tile operations.
• Confirmed my Azure Maps subscription key is valid.
• Checked browser console for errors ( CORS errors).

Issue

• The map does not render inside Power BI (Desktop/Service).
• CORS errors appear in the console for tile or attribution requests.

Questions

• Is Power BI allows custom visuals created with Azure maps?
• Is there a known limitation or extra configuration needed for Azure Maps in Power BI custom visuals?
• Are there additional steps to ensure CORS is handled correctly in this context?
• Is there a recommended way to debug or log SDK errors inside Power BI visuals?

Any help or guidance would be greatly appreciated!

[v-pgoloju]

Hi @PriyankaK,

Just checking, have you had a chance to open a support ticket, as suggested. If so, we'd love to hear the current status or any updates from that.

Regards,

Prasanna Kumar

[v-pgoloju]

Hi @PriyankaK,

If the issue still persists, I’d recommend raising a support ticket with Microsoft. The support team can look into the backend and provide more in-depth assistance tailored to your environment.
https://learn.microsoft.com/en-us/power-bi/support/create-support-ticket

Thanks & Regards,

Prasanna Kumar

[v-pgoloju]

Hi @PriyankaK,

Just following up to see if the response provided by community member were helpful in addressing the issue.

If one of the responses helped resolve your query, please consider marking it as the Accepted Solution. Feel free to reach out if you need any further clarification or assistance.

Best regards,
Prasanna Kumar

[PriyankaK]

@rajendraongole1 , Thanks for the references!
@v-pgoloju - I have made some modifications to the code and verified that the visual functions correctly in Power BI Desktop. However, it does not appear to be working as expected in the Power BI service, which may be due to certain limitations or restrictions associated with custom visuals in the online environment.

[v-pgoloju]

Hi @PriyankaK,

Just following up to see if the solution provided was helpful in resolving your issue. Please feel free to let us know if you need any further assistance.

Best regards,

Prasanna Kumar

[v-pgoloju]

Hi @PriyankaK,

Thank you for reaching out to the Microsoft Fabric Forum Community, and special thanks to @rajendraongole1  for prompt and helpful response.

Just following up to see if the response provided by community member were helpful in addressing the issue.

If one of the responses helped resolve your query, please consider marking it as the Accepted Solution. Feel free to reach out if you need any further clarification or assistance.

Best regards,
Prasanna Kumar

[rajendraongole1]

Hi @PriyankaK  - Power BI does not currently support full Azure Maps SDK interactivity inside custom visuals due to CORS restrictions. 

few reference links:

How to use the Azure Maps web map control - Microsoft Azure Maps | Microsoft Learn

Power BI visuals documentation - Power BI | Microsoft Learn

suggest: can you try Azure Maps Static API? 

hope this helps. please check.