Azure Maps Example

Question

asked Jan 14, 2021 in Azure by dante07 (13.1k points)
edited Jan 28, 2021 by dante07

I was trying to display the map. But the code which I was using gives an error:

TypeError: atlas.map is not a constructor

This is the code I am using:

<html>
<head>

<link rel="stylesheet" href="https://atlas.microsoft.com/sdk/javascript/mapcontrol/2/atlas.min.css" type="text/css" />
<script src="https://atlas.microsoft.com/sdk/javascript/mapcontrol/2/atlas.min.js"></script>

<script src="https://atlas.microsoft.com/sdk/javascript/service/2/atlas-service.min.js"></script>
</head>
<body>
<div id="theMap"></div>
<script type="text/javascript">
map = new atlas.map('theMap', {
// Only allow one copy of the world be rendered when zoomed out.
renderWorldCopies: false,
language: 'en-US',
center: [-122.3353, 47.6038],
zoom: 12,
view: 'auto',
style: 'road',
authOptions: {
authType: 'subscriptionKey',
subscriptionKey: 'mySubKey',
getToken: function(resolve, reject, map) {
fetch(url).then(function(response) {
return response.text();
}).then(function(token) {
resolve(token);
});
}
}
});
// Wait until the map resources are ready.
map.events.add('ready', function () {
});
</script>
</body>
</html>

Can anyone help me to rectify this error?

1 Answer

swarup · Answer 1 · 2021-01-14T08:21:25+0000

Basically, the line which consists:

map = new atlas.map('theMap', {

Should be like this:

map = new atlas.Map('theMap', {

"M" should be in Capital letter.

I hope this will help.

Want to become an Azure expert? join Azure Master Program now!!

Azure Maps Example

Azure Maps Example

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Related questions

Browse Categories

Popular Courses

Top Tutorials

Top Articles

Top Interview Questions