docs(google-maps): remove synchronous loading example (#27394)

naaajii · crisbeto · commit 6f94abab7fd2 · 2023-07-05T08:45:03.000+02:00
* docs(google-maps): remove synchronous loading example fixes #27374 * fixup! docs(google-maps): remove synchronous loading example * fixup! docs(google-maps): remove synchronous loading example (cherry picked from commit 755194a)
diff --git a/src/google-maps/README.md b/src/google-maps/README.md
@@ -8,31 +8,11 @@ File any bugs against the [angular/components repo](https://github.com/angular/c
 
 To install, run `npm install @angular/google-maps`.
 
-## Loading the API
-
-- First follow [these steps](https://developers.google.com/maps/gmp-get-started) to get an API key that can be used to load Google Maps.
-- Load the [Google Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API).
-- The Google Maps JavaScript API must be loaded before the `GoogleMap` component.
-
-```html
-<!-- index.html -->
-<!doctype html>
-<head>
-  ...
-  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
-</head>
-```
+## Getting the API Key
 
-**Note:**
-If you're using the `<map-heatmap-layer>` directive, you also have to include the `visualization`
-library when loading the Google Maps API. To do so, you can add `&libraries=visualization` to the
-script URL:
+Follow [these steps](https://developers.google.com/maps/gmp-get-started) to get an API key that can be used to load Google Maps.
 
-```html
-  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=visualization"></script>
-```
-
-## Lazy Loading the API
+## Loading the API
 
 The API can be loaded when the component is actually used by using the Angular HttpClient jsonp
 method to make sure that the component doesn't load until after the API has loaded.
@@ -79,6 +59,10 @@ export class GoogleMapsDemoComponent {
   apiLoaded: Observable<boolean>;
 
   constructor(httpClient: HttpClient) {
+    // If you're using the `<map-heatmap-layer>` directive, you also have to include the `visualization` library 
+    // when loading the Google Maps API. To do so, you can add `&libraries=visualization` to the script URL:
+    // https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=visualization
+
     this.apiLoaded = httpClient.jsonp('https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE', 'callback')
         .pipe(
           map(() => true),
