Azure Maps Animation Module in Angular

Tahmid Eshayat 286

We are using import * as atlas from "azure-maps-control"; from an npm package. We want to use the animation module from Azure Maps https://github.com/Azure-Samples/AzureMapsCodeSamples/blob/master/AzureMapsCodeSamples/Custom%20Modules/Animation%20module/AnimationModule.ts

But seems like the export is not working in Angular, Any idea how we can make that work?

António Sérgio Azevedo 7,661 Reputation points Microsoft Employee

2020-08-11T07:08:53.923+00:00

@Tahmid Eshayat thanks for the question. Can you detail it a bit more? What is the error you are seeing and if following a documented tutorial, can you let the community know where to look to try and repo? Thanks :)!
QuantumCache 20,031 Reputation points

2020-08-14T13:56:49.23+00:00

Hello @Tahmid Eshayat , Just checking back, could you please let us know if you were able to provide any error logs or stack trace?
Tahmid Eshayat 286 Reputation points

2020-08-16T08:01:17.307+00:00

Sorry for the delay, It's probably the way the module is written but I will give more details in a day or two. But I ended up using the Snakline demo from Azure Maps..
Satyam Chauhan 492 Reputation points

2022-05-20T08:06:54.853+00:00

Hi @Tahmid Eshayat , if you solved your problem, can you please let me know how you did it?
rbrundritt 15,231 Reputation points Microsoft Employee

2023-05-26T16:41:09.6466667+00:00

Since this question was posted a more advanced animation module for Azure Maps was created and is available here: https://github.com/azure-samples/azure-maps-animations/ There is no NPM modules, but you can load it locally. Which specific animation are you looking to achieve (many animations are fairly easy to do and don't require this library)?

1 answer

rbrundritt 15,231 Reputation points Microsoft Employee

2020-08-14T16:06:05.453+00:00

The animation module is not a part of the core Azure Maps web SDK and not an NPM package at this time. There is no export, just that single standalone typescript file. You can copy that code into your project to move forward.
Please sign in to rate this answer.

1 person found this answer helpful.
Tahmid Eshayat 286 Reputation points

2020-08-16T08:02:33.413+00:00

Thanks, I guess these packages are quite needed for SPA developers. We used to use google maps, but we recently switched to Azure Maps for better integrations but we are experiencing many shortcomings...

rbrundritt 15,231 Reputation points Microsoft Employee

2020-08-25T16:39:06.503+00:00

The library was originally written using typescript version 1 or less standards. I have updated that module and turned it into a modern package: https://github.com/Azure-Samples/azure-maps-animations I'm looking into the internal MSFT process to release this as an NPM package.

QuantumCache 20,031 Reputation points

2020-08-27T00:33:55.303+00:00

Hello @Tahmid Eshayat , Just checking back, could you please let us know if you need further help in this matter.Please accept helpful responses as 'Answer', which will be helpful to others as well with similar question.

Johan Klijn 41 Reputation points

2021-07-12T09:05:26.923+00:00

Hi @rbrundritt , are you still planning to create an NPM package of the azure-maps-animations library? Or are there any other plans with this library? Maybe MS is going to include it in the core Azure Maps web SDK?

rbrundritt 15,231 Reputation points Microsoft Employee

2021-07-12T15:41:00.11+00:00

There are plans to create NPM packages for all the open source Web SDK modules later this year.

Christian Strozniak 0 Reputation points

2023-02-09T16:23:59.8766667+00:00

Are the NPM packages available by now?

rbrundritt 15,231 Reputation points Microsoft Employee

2023-02-09T16:41:05.54+00:00

Sadly not. There has been a lot of team changes over the last couple of years and I'm not sure what the plan is for these now.
Sign in to comment