Angles 4でGoogle Maps API（initMap）を実装するにはどうすればよいですか？

Question

Google MapsをAngularで統合しようとしています。

index.htmlを

<script async defer src="https://maps.googleapis.com/maps/api/js?key=api_key&callback=initMap"></script> 

example.component.html

... 
<div id="map"></div> 
... 

example.component.ts

... 
ngAfterViewInit() { 
     function initMap() { 
      var uluru = {lat: -25.363, lng: 131.044}; 
      var map = new google.maps.Map(document.getElementById('map'), { 
       zoom: 4, 
       center: uluru 
      }); 
      var marker = new google.maps.Marker({ 
       position: uluru, 
       map: map 
      }); 
     } 
    } 

私はまだ "initMapは関数ではありません"というエラーを持っています。

Answer 1

Googleのスクリプトが呼び出すときにinitMap機能が利用できないため、壊れます。 Googleのスクリプトが期待しているように、これは世界的に利用可能でもありません（クラスにスコープがあります）。

Angular Google Mapsという名前の既存のライブラリがあり、その目的はGoogleマップと角度アプリケーションを使用することです。