Azure Maps Animation Module in Angular

Question

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,671 Reputation points Microsoft Employee Moderator

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,366 Reputation points Moderator

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 607 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 20,836 Reputation points Microsoft Employee Moderator

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

Your answer

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

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,366 Reputation points Moderator

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 607 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 20,836 Reputation points Microsoft Employee Moderator

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)?

Answer 1

rbrundritt 20,836 Microsoft Employee Moderator

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.

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 20,836 Reputation points Microsoft Employee Moderator

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,366 Reputation points Moderator

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 66 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 20,836 Reputation points Microsoft Employee Moderator

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 20,836 Reputation points Microsoft Employee Moderator

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.

Share via

Azure Maps Animation Module in Angular

1 answer

Your answer