First Azure Map and the sample returns blank

Question

First Azure Map and the sample returns blank

MCJX02 6

I am building my first Azure Map and I got to the part where you build a sample (Azuremapdemo.html) and I put my key in the html file and it returns completely blank except for the search bar in the upper left corner which does not work.

I have tried three different browsers and incognito mode

Tried a different PC

I am in the US

2 answers

Your answer

Answer 1

rbrundritt 21,576 Microsoft Employee Moderator

Be sure to add your subscription key to the sample. Verify that it is correct (not extra quotes or missing characters). Make sure that the authOptions look something like this:

authOptions: {
    authType: 'subscriptionKey',
    subscriptionKey: '<Your Azure Maps Key>'
}

Answer 2

Sam of Simple Samples 5,571

Can you show the code you are using? You can edit your question and add the code. Do not show things like your key.

IoTGirl 3,831 Reputation points Microsoft Employee Moderator

2021-07-23T19:57:33.957+00:00

Have you looked at the browser console to see any errors? Are you sure you have your complete key with no leading spaces?
MCJX02 6 Reputation points

2021-07-27T17:37:10.803+00:00

I try to edit and add the code and I am getting an access denied error. Here is the code where my key is though. Its the XXXX portion

//Alternatively, use an Azure Maps key. Get an Azure Maps key at https://azure.com/maps. NOTE: The primary key should be used as the key.
//authType: 'subscriptionKey',
//subscriptionKey: '<XXXXXXXXXXXXXXXXXXXXX>'
}
});
rbrundritt 21,576 Reputation points Microsoft Employee Moderator

2021-07-28T15:07:58.2+00:00

Be sure to uncomment the authType and subscriptionKey parameter and comment out or delete the Azure Active Directory settings.
MCJX02 6 Reputation points

2021-08-02T15:00:58.123+00:00

You mean remove the //?
rbrundritt 21,576 Reputation points Microsoft Employee Moderator

2021-08-02T15:51:09.487+00:00
Yes. If using a key, the auth options should look like this:

authOptions: { authType: 'subscriptionKey', subscriptionKey: 'Your Azure Maps Key' }

Share via

First Azure Map and the sample returns blank

2 answers

Your answer