Integration Controls
Learn how to integrate Google Maps and the YouTube player in an Angular application.
We'll cover the following...
The Angular Material library contains two special-purpose controls that integrate external Google products into an Angular application: Google Maps and YouTube.
Integrating Google maps
To start using the Google Maps control, we first need to install it from npm as a separate library:
Note:Â The command below is for installing the Angular package on a local machine.
npm install @angular/google-maps
Note: In this course, we work with Angular Material 15, which is compatible with Angular 15. If the version of Google Maps that we installed is different, we should run the command
npm install @angular/google-maps@15to install the latest Google Maps 15 to our system.
The Google Maps control works properly only if we import the Maps ...