Azure Maps & Angular Tutorial

Azure Maps is an alternative to other maps providers like Google Maps. It is a part of the Azure Cloud computing platform and has some cool features.
There are several ways of integrating azure maps into your angular application. I show you two ways - one with the Azure Maps Webs SDK (by Azure & Microsoft) and the open source library ng-azure-maps. The later is wrapper of the standard Azure Maps Web SDK and it is tailored towards the angular framework and makes using azure maps really easy!
Also you might be interested in:
Google Maps & Angular: • Google Maps & Angular ...
Github of this tutorial: github.com/tamani-coding/angu...
Intro: (0:00)
Enable Azure Maps: (0:50)
Azue Maps Web SDK: (3:33)
ng-azure-maps library: (19:20)
Outro: (36:34)

[@anmoljain5910]

That was a very good explanatory video. Thanks.

[@hassanOnYoutube]

Love from Pakistan.

[@mikhailratner4649]

Hey @Genka, great video! I saw in the GitHub issue that ng-azure-maps is not compatible with Angular 14, can you confirm?

[@tynadao7009]

Hi Genka, Thank you for this video, it is excellent! I have one follow-up question to ask: In the chapter "Azure Maps Web SDK", is it possible to reference multiple Azure Maps modules in the angular component? For example, import 'azure-maps-drawing-tools' in order to add a Drawing Toolbar to the map. How do I add a DrawingManager to the existing atlas.Map in azure-maps.component.ts?

[@heygenka]

I am pretty sure it is possible, I did not try it myself though